如何使用 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 万次浏览

开启你的职业

完成课程,获得认证

开始学习
广告