如何使用 JavaScript 向 JSON 对象添加元素?

在本文中，您将了解如何使用 JavaScript 向 JSON 对象添加元素。

JSON 对象文字是键和值，它们由花括号 {} 包围的冒号分隔。

示例 1

在此示例中，我们使用括号表示法向 json 对象添加元素，

var jsonObject = {
   members: 
   {
      host: "hostName",
      viewers: 
      {
         userName1: "userData1",
         userName2: "userData2"
      }
   }
}
console.log("一个 json 对象定义为: ")
console.log(jsonObject);

console.log("
使用括号表示法添加元素")
jsonObject.members.viewers['userName3'] = 'userData3';

console.log("
添加属性后的 json 对象为: ")
console.log(jsonObject);

• 步骤 1 - 定义一个 json 对象，即'jsonObject'

• 步骤 2 - 定义要添加新元素的路径。

• 步骤 3 - 使用括号表示法将新元素添加到定义的路径。

• 步骤 4 - 显示结果。

示例 2

在此示例中，推送元素数组

var jsonObject = {
   members: 
   {
      host: "hostName",
      viewers: 
      {
         userName1: "userData1",
         userName2: "userData2"
      }
   }
}
console.log("一个 json 对象定义为: ")
console.log(jsonObject);

console.log("
使用点符号添加元素")
jsonObject.members.viewers.userName3 = 'userData3';

console.log("
添加属性后的 json 对象为: ")
console.log(jsonObject);

解释

• 步骤 1 - 定义一个 json 对象，即'jsonObject'

• 步骤 2 - 定义要添加新元素的路径。

• 步骤 3 - 使用点符号将新元素添加到定义的路径。

• 步骤 4 - 显示结果。

相关文章

• 如何使用 JavaScript 向 JSON 对象添加元素?