使用JavaScript向JSON对象添加新的属性(元素)

我如何添加新的属性(元素)JSON对象使用JavaScript?

当前回答

以下工作为我添加了一个名为“id”的新字段。 Angular Slickgrid通常需要这样的id

  addId() {
     this.apiData.forEach((item, index) => {
     item.id = index+1;
  });

其他回答

JSON对象只是一个javascript对象，所以javascript是一种基于原型的语言，你所要做的就是使用点表示法来处理它。

mything.NewField = 'foo';

JSON代表JavaScript对象表示法。JSON对象实际上是一个尚未转换为它所表示的对象的字符串。

要在JS中向现有对象添加属性，您可以执行以下操作。

object["property"] = value;

object.property = value;

如果你提供一些额外的信息，比如在上下文中你需要做什么，你可能会得到一个更有针对性的答案。

你也可以使用Object。指定从ECMAScript 2015。它还允许您一次性添加嵌套属性。例如:

const myObject = {};

Object.assign(myObject, {
    firstNewAttribute: {
        nestedAttribute: 'woohoo!'
    }
});

Ps:这将不会覆盖现有的对象与分配的属性。相反，它们会被添加。但是，如果您将一个值赋给一个现有的属性，那么它将被覆盖。

谢谢你写这篇文章。我想补充一些有用的东西。

对于IE来说，它很好用

object["property"] = value;

因为IE中的一些特殊单词会给你一个错误。

一个例子:

object.class = 'value';

这在IE中失败了，因为“类”是一个特殊的词。我花了好几个小时研究这个。

从2015年开始使用ECMAScript，你可以使用扩展语法(…三个点):

let  people = { id: 4 ,firstName: 'John'};
people = { ...people, secondName: 'Fogerty'};

它允许你添加子对象:

people = { ...people, city: { state: 'California' }};

结果将是:

{  
   "id": 4,
   "firstName": "John",
   "secondName": "Forget",
   "city": {  
      "state": "California"
   }
}

你也可以合并对象:

var mergedObj = { ...obj1, ...obj2 };

推荐文章