如何在打字稿中为数组的每个对象添加属性。？

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 在数组末尾添加了新元素。

Answer 2

Array.push 将元素添加到数组的末尾，因此您必须通过people[people.length-1].total 访问它