如何使用 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 步 - 定義一個 json 對象，即「jsonObject」

• 步驟 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 步 - 定義一個 json 對象，即「jsonObject」

• 步驟 2 - 定義新元素必須新增到的路徑。

• 步驟 3 - 使用點符號將新元素新增到定義的路徑。

• 第 4 步 - 顯示結果。

以上是如何使用 JavaScript 將元素新增至 JSON 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！