向现有 JSON 对象添加新元素 - JavaScript

简介

在前端开发中，经常需要将已有的 JSON 对象添加新的元素。本文将介绍如何在 JavaScript 中向现有 JSON 对象添加新元素。

添加新元素

向 JSON 对象添加新元素，可以使用两种方法：点表示法和方括号表示法。

点表示法

使用点表示法可以更加直观地向 JSON 对象添加新元素。例如，假设有以下 JSON 对象：

let person = {
  "name": "John",
  "age": 30
};

要向该对象添加一个新的属性 gender，可以使用以下代码：

person.gender = "male";

最终 JSON 对象会变为：

{
  "name": "John",
  "age": 30,
  "gender": "male"
}

方括号表示法

使用方括号表示法可以动态地向 JSON 对象添加新元素。例如，假设有以下 JSON 对象：

let person = {
  "name": "John",
  "age": 30
};

要向该对象添加一个新的属性 gender，可以使用以下代码：

person["gender"] = "male";

最终 JSON 对象会变为：

{
  "name": "John",
  "age": 30,
  "gender": "male"
}

在方括号中可以使用变量名表示要添加的新属性名。例如：

let propertyName = "gender";
person[propertyName] = "male";

结论

本文介绍了在 JavaScript 中向现有 JSON 对象添加新元素的两种方法：点表示法和方括号表示法。这两种方法各有优劣，可以根据具体需求选择使用。