我想循环遍历数组中包含的对象，并更改每个对象的属性。如果我这样做:
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”的值。如何在循环中访问这些属性?
其他地方建议我为每个属性使用单独的数组，但我想先确保我已经用尽了这个方法。
谢谢你！
当前回答
公认的答案使用正常函数。因此，在forEach上发布相同的代码，并使用箭头函数进行轻微修改
yourArray.forEach(arrayItem => {
var x = arrayItem.prop1 + 2;
console.log(x);
});
同样是美元。每个你可以使用箭头函数如下
$.each(array, (item, index) => {
console.log(index, item);
});
其他回答
从ES5+开始使用forEach方法真的很简单。您可以直接更改数组中每个对象的每个属性。
myArray.forEach(function (arrayElem){
arrayElem = newPropertyValue;
});
如果你想访问每个对象的特定属性:
myArray.forEach(function (arrayElem){
arrayElem.nameOfYourProperty = newPropertyValue;
});
myArray [j。X]逻辑上是不正确的。
使用(myArray [j]。x);而不是
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j].x);
}
公认的答案使用正常函数。因此，在forEach上发布相同的代码，并使用箭头函数进行轻微修改
yourArray.forEach(arrayItem => {
var x = arrayItem.prop1 + 2;
console.log(x);
});
同样是美元。每个你可以使用箭头函数如下
$.each(array, (item, index) => {
console.log(index, item);
});
JavaScript中以函数式编程方式遍历数组的一些用例:
1. 只需要循环一个数组
const myArray = [{x:100}, {x:200}, {x:300}];
myArray.forEach((element, index, array) => {
console.log(element.x); // 100, 200, 300
console.log(index); // 0, 1, 2
console.log(array); // same myArray object 3 times
});
注意:Array.prototype.forEach()严格来说不是一个函数方式，因为它作为输入参数的函数不应该返回一个值，因此不能被视为一个纯函数。
2. 检查数组中是否有元素通过测试
const people = [
{name: 'John', age: 23},
{name: 'Andrew', age: 3},
{name: 'Peter', age: 8},
{name: 'Hanna', age: 14},
{name: 'Adam', age: 37}];
const anyAdult = people.some(person => person.age >= 18);
console.log(anyAdult); // true
3.转换为一个新数组
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray= myArray.map(element => element.x);
console.log(newArray); // [100, 200, 300]
注意:map()方法创建一个新数组，其中包含对调用数组中的每个元素调用所提供函数的结果。
4. 把一个特定的性质加起来，然后计算它的平均值
const myArray = [{x:100}, {x:200}, {x:300}];
const sum = myArray.map(element => element.x).reduce((a, b) => a + b, 0);
console.log(sum); // 600 = 0 + 100 + 200 + 300
const average = sum / myArray.length;
console.log(average); // 200
5. 在原始数组的基础上创建一个新数组，但不修改它
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray= myArray.map(element => {
return {
...element,
x: element.x * 2
};
});
console.log(myArray); // [100, 200, 300]
console.log(newArray); // [200, 400, 600]
6. 数一下每个类别的数量
const people = [
{name: 'John', group: 'A'},
{name: 'Andrew', group: 'C'},
{name: 'Peter', group: 'A'},
{name: 'James', group: 'B'},
{name: 'Hanna', group: 'A'},
{name: 'Adam', group: 'B'}];
const groupInfo = people.reduce((groups, person) => {
const {A = 0, B = 0, C = 0} = groups;
if (person.group === 'A') {
return {...groups, A: A + 1};
} else if (person.group === 'B') {
return {...groups, B: B + 1};
} else {
return {...groups, C: C + 1};
}
}, {});
console.log(groupInfo); // {A: 3, C: 1, B: 2}
7. 根据特定条件检索数组的子集
const myArray = [{x:100}, {x:200}, {x:300}];
const newArray = myArray.filter(element => element.x > 250);
console.log(newArray); // [{x:300}]
注意:filter()方法创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。
8. 对数组排序
const people = [
{ name: "John", age: 21 },
{ name: "Peter", age: 31 },
{ name: "Andrew", age: 29 },
{ name: "Thomas", age: 25 }
];
let sortByAge = people.sort(function (p1, p2) {
return p1.age - p2.age;
});
console.log(sortByAge);
9. 在数组中查找一个元素
const people = [ {name: "john", age:23},
{name: "john", age:43},
{name: "jim", age:101},
{name: "bob", age:67} ];
const john = people.find(person => person.name === 'john');
console.log(john);
find()方法返回数组中满足所提供测试函数的第一个元素的值。
参考文献
Array.prototype.some () Array.prototype.forEach () Array.prototype.map () Array.prototype.filter () Array.prototype.sort () 传播的语法 Array.prototype.find ()
for (var j = 0; j < myArray.length; j++){
console.log(myArray[j].x);
}
