如何使用JavaScript遍历对象数组？

Question

我试图循环包含对象的数组，但我不断出错：“无法设置未定义的属性'color'”。 我究竟做错了什么？

 var ObjectTest = function(something1, something2){ this.Name = something1; this.Job = something2; this.color = ''; this.numbers = []; } var first = new ObjectTest('Paul', 'teacher'); var second = new ObjectTest('Jane', 'doctor'); var third = new ObjectTest('Mike', 'student'); var someArray = []; someArray.push(first, second, third); console.log(someArray); for(var i =0; i <= someArray.length; i++){ someArray[i].color = 'red'; }; 

Answer 1

您需要迭代直到数组的长度，但不能超过，因为索引是从零开始的

for (var i = 0; i < someArray.length; i++) {
//                ^

对于不存在的项目，数组返回undefined 。 undefined没有属性可分配新值。

 var ObjectTest = function(something1, something2) { this.Name = something1; this.Job = something2; this.color = ''; this.numbers = []; }; var first = new ObjectTest('Paul', 'teacher'); var second = new ObjectTest('Jane', 'doctor'); var third = new ObjectTest('Mike', 'student'); var someArray = []; someArray.push(first, second, third); for (var i = 0; i < someArray.length; i++) { someArray[i].color = 'red'; } // no semicolon here console.log(someArray); 

Answer 2

<=是荣

 var ObjectTest = function(something1, something2){ this.Name = something1; this.Job = something2; this.color = ''; this.numbers = []; } var first = new ObjectTest('Paul', 'teacher'); var second = new ObjectTest('Jane', 'doctor'); var third = new ObjectTest('Mike', 'student'); var someArray = []; someArray.push(first, second, third); for(var i =0; i < someArray.length; i++){ someArray[i].color = 'red'; }; console.log(someArray); 

Answer 3

在循环中将<=替换为< 。

这里只有3个项目的阵列上，这意味着你已经索引0 ， 1和2 。 循环应在到达3时停止。 但是由于您使用了<=而不是< ，所以当i为3时， i <= 3 3为true因此可以执行代码。 该错误是由someArray[3]不存在引起的。

在数组中循环而不处理索引的一种更安全的方法是使用array.forEach 。 它只会循环执行数组中存在的项的次数。

someArray.forEach((object, index) => {
  object.color = 'red'
})

Answer 4

遍历数组的一种更简单的方法是使用forEach。 像这样：

someArray.forEach(data =>  data.color = 'red');