發表文章

目前顯示的是 6月, 2024的文章

【JavaScript】Input field動態產生JSON

圖片
搜尋網頁中的輸入框,並將其屬性 name及value 加入到陣列中。最後,使用 JSON.stringify 方法將陣列轉換為JSON字串,並使用 console.log 或 alert 來輸出JSON字串的內容。 JavaScript(參考)︰ <script language="JavaScript"> //Input field動態產生JSON const result = Array.from ($(" input[ type='text'] "))              .reduce((before, after) => {                  const name = $(after).attr(' name ');                  const value = $(after).val();                      return {                          ...before,                          [name]: value                      }             }, {});   //console.log(JSON.stringify(result));  alert( JSON.stringify...

【JavaScript】使用物件來動態產生JSON

圖片
建立一個空的陣列students,然後使用for迴圈來填充它。在每次迴圈中,都會建立一個新的物件student,並將其加入到陣列中。每個學生物件都包含id、name和grade三個屬性。最後,使用 JSON.stringify 方法將陣列轉換為JSON字串,並使用 console.log 或 alert 來輸出JSON字串的內容。 JavaScript(參考)︰ <script language="JavaScript"> //使用物件來動態產生 JSON  let students = [];  for (let i = 1; i <= 5; i++) {      let student = {          id: i,          name: "Student " + i,          grade: Math.floor(Math.random() * 6) + 1  // 產生 1 到 6 的隨機數字      };      students.push(student);  }  let json = JSON.stringify(students, null, 2);  // 將物件轉換為 JSON 字串  //console.log(json);  alert(json); </script> 執行畫面︰