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);