如何使用 JavaScript 向 JSON 物件新增元素?


本文將介紹如何使用 JavaScript 向 JSON 物件新增元素。

JSON 物件字面量是鍵值對,其中鍵和值用冒號分隔,並用大括號 {} 括起來。

示例 1

在此示例中,我們使用方括號表示法向 json 物件新增元素,

var jsonObject = {
   members: 
   {
      host: "hostName",
      viewers: 
      {
         userName1: "userData1",
         userName2: "userData2"
      }
   }
}
console.log("A json object is defined as: ")
console.log(jsonObject);

console.log("
Adding an element using the bracket notation") jsonObject.members.viewers['userName3'] = 'userData3'; console.log("
A json object after adding a property is: ") console.log(jsonObject);
  • 步驟 1 − 定義名為“jsonObject”的 json 物件

  • 步驟 2 − 定義要向其新增新元素的路徑。

  • 步驟 3 − 使用方括號表示法將新元素新增到已定義的路徑中。

  • 步驟 4 − 顯示結果。

示例 2

在此示例中,推送元素陣列。

var jsonObject = {
   members: 
   {
      host: "hostName",
      viewers: 
      {
         userName1: "userData1",
         userName2: "userData2"
      }
   }
}
console.log("A json object is defined as: ")
console.log(jsonObject);

console.log("
Adding an element using the dot notation") jsonObject.members.viewers.userName3 = 'userData3'; console.log("
A json object after adding a property is: ") console.log(jsonObject);

說明

  • 步驟 1 − 定義名為“jsonObject”的 json 物件

  • 步驟 2 − 定義要向其新增新元素的路徑。

  • 步驟 3 − 使用點表示法將新元素新增到已定義的路徑中。

  • 步驟 4 − 顯示結果。

更新於:2023-02-16

2.8 萬次瀏覽

開啟你的職業

完成課程,獲得認證

開始學習
廣告