我想循环遍历数组中包含的对象，并更改每个对象的属性。如果我这样做:
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j]);
}
控制台应该显示数组中的每个对象，对吧?但实际上它只显示第一个对象。如果我在循环外对数组进行console日志记录，所有的对象都会出现，所以里面肯定有更多的对象。
不管怎样，这是下一个问题。我如何访问，例如Object1。X在数组中，使用循环?
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j.x]);
}
这将返回“undefined”。循环外的控制台日志再次告诉我，所有对象都有“x”的值。如何在循环中访问这些属性?
其他地方建议我为每个属性使用单独的数组，但我想先确保我已经用尽了这个方法。
谢谢你！
当前回答
可以使用for..of循环遍历对象数组。
for (let item of items) {
console.log(item); // Will display contents of the object inside the array
}
for..of循环最好的事情之一是，它们可以迭代不止数组。您可以遍历任何类型的可迭代对象，包括映射和对象。如果你需要支持旧的浏览器，请确保你使用了一个transpiler或类似TypeScript的东西。
如果要遍历映射，其语法与上面的基本相同，只是它同时处理键和值。
for (const [key, value] of items) {
console.log(value);
}
我使用for..of循环进行Javascript中几乎所有类型的迭代。此外，最酷的事情之一是它们也可以与async/await一起工作。
其他回答
下面是另一种遍历对象数组的方法(您需要在文档中包含jQuery库)。
$.each(array, function(element) {
// do some operations with each element...
});
Const job = [ ｛ 名称:“sipher”, 家庭:“sipherplus”, 工作:“Devops” }， ｛ 名称:“约翰”, 家庭:“母鹿”, 工作:“Devops” }， ｛ 名称:“吉姆”, 家庭:“史密斯”, 工作:“Devops” ｝ ]; Const TXT = ' < ul > ${工作。映射(job => ' <li>${job.name} ${job.name)Family} -> ${job.job}</li> ') .join(")} < / ul >” ； document.body.innerHTML = txt;
小心后面的tick (')
这是可行的。循环彻底的数组(yourArray)。然后循环遍历每个对象(eachObj)的直接属性。
yourArray.forEach( function (eachObj){
for (var key in eachObj) {
if (eachObj.hasOwnProperty(key)){
console.log(key,eachObj[key]);
}
}
});
可以使用for..of循环遍历对象数组。
for (let item of items) {
console.log(item); // Will display contents of the object inside the array
}
for..of循环最好的事情之一是，它们可以迭代不止数组。您可以遍历任何类型的可迭代对象，包括映射和对象。如果你需要支持旧的浏览器，请确保你使用了一个transpiler或类似TypeScript的东西。
如果要遍历映射，其语法与上面的基本相同，只是它同时处理键和值。
for (const [key, value] of items) {
console.log(value);
}
我使用for..of循环进行Javascript中几乎所有类型的迭代。此外，最酷的事情之一是它们也可以与async/await一起工作。
从ES5+开始使用forEach方法真的很简单。您可以直接更改数组中每个对象的每个属性。
myArray.forEach(function (arrayElem){
arrayElem = newPropertyValue;
});
如果你想访问每个对象的特定属性:
myArray.forEach(function (arrayElem){
arrayElem.nameOfYourProperty = newPropertyValue;
});
