angular - 如何在 typescript 中为数组的每个对象添加属性。？

Question

我需要为每个对象添加属性数组。我搜索了很多，got this ，但这是 AngularJs。我在下面尝试过但不起作用。任何帮助表示赞赏

 export class ThreeComponent implements OnInit {
 people = [];

 ngOnInit() { 
   this.people = [
   {'name': 'person 1', 'product': 'Medicine 1'},
   {'name': 'person 2', 'product': 'Medicine 2'},
   {'name': 'person 3', 'product': 'Medicine 3'},
   ]
  this.people.push({'total' : '2'})
  console.log(this.people)
  }
 }

results look like this:
(4) [{…}, {…}, {…}, {…}]
 0:{name: "person 1", product: "Medicine 1"}
 1:{name: "person 2", product: "Medicine 2"}
 2:{name: "person 3", product: "Medicine 3"}
 3:{total: "2"}
 length:4
 __proto__:Array(0)

expected result should be:
(3) [{…}, {…}, {…}]
 0:{name: "person 1", product: "Medicine 1", "total": "2"}
 1:{name: "person 2", product: "Medicine 2", "total": "2"}
 2:{name: "person 3", product: "Medicine 3", "total": "2"}
 length:3
 __proto__:Array(0)

Answer 1

新答案
你完全改变了你的问题，你可能应该提出一个新问题而不是改变整个概念。无论如何，如果您必须向数据对象添加新属性，那么您的应用程序设计错误的可能性很大。
要添加您不使用的新属性 .push()因为这是数组方法，所以您想为所有对象添加新属性。
您可以通过使用循环来做到这一点，例如:

for (var i = 0; i < this.people.length; i++) {
    this.people[i].total = 2; // Add "total": 2 to all objects in array
}

或 array .map()

this.people.map((obj) => {
    obj.total = 2;
    // or via brackets
    // obj['total'] = 2;
    return obj;
})

此外，如果您需要合并对象或添加更多未知属性，您可以使用循环或 Object.assign();

for (var i = 0; i < this.people.length; i++) {
    // merge objects into one with multiple props
    this.people[i] = Object.assign(this.people[i], {
        total: '2', 
        someProp: 'hello', 
        likePizza: true, 
    });
}

旧答案
Ecma5 与 ES6 兼容，看起来您可能不知道自己想做什么。
您将代码放入 ngOnInit所以请务必调用您的 console.log在这个事件之后。您的代码显示您调用了 console.log(people[1].total)在您的组件类之外，因此它甚至无法访问此属性。
此外，您不应该在一个数组中混合不同类型的对象 - 这就是制作 typescript 的原因，以避免在数组和对象中包含不同的东西。
稍后在循环调用 element[i].product可能会导致错误，因为您的新对象没有这样的属性。

export class ThreeComponent implements OnInit {
  people = [];
  // people: Array<YourObjects>; // would be better

 ngOnInit() { 
   this.people = [
     {'name': 'person 1', 'product': 'Medicine 1'},
     {'name': 'person 2', 'product': 'Medicine 2'},
     {'name': 'person 3', 'product': 'Medicine 3'},
   ];
   let newLength = this.people.push({'total' : '2'}); // returns new array length
   console.log(this.people[newLength ].total); // it works in this case
 }

}

.push()返回新的数组长度在这种情况下你的新元素索引是什么，因为 push在数组末尾添加新元素。