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 (')

公认的答案使用正常函数。因此，在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 ()

从ES5+开始使用forEach方法真的很简单。您可以直接更改数组中每个对象的每个属性。

myArray.forEach(function (arrayElem){ 
  arrayElem = newPropertyValue;
});

如果你想访问每个对象的特定属性:

myArray.forEach(function (arrayElem){ 
      arrayElem.nameOfYourProperty = newPropertyValue;
    });

我想同时循环和解构赋值，所以代码是这样的:config。Map (({text, callback})=>add_btn({text, callback}))

这可能会帮助到某些人。可能是Node中的bug。

var arr = [ { name: 'a' }, { name: 'b' }, { name: 'c' } ];
var c = 0;

这行不通:

while (arr[c].name) { c++; } // TypeError: Cannot read property 'name' of undefined

但这是可行的……

while (arr[c]) { c++; } // Inside the loop arr[c].name works as expected.

这也可以……

while ((arr[c]) && (arr[c].name)) { c++; }

但是简单地颠倒顺序是行不通的。我猜这里有某种内部优化破坏了Node。

while ((arr[c].name) && (arr[c])) { c++; }

错误提示数组未定义，但它不是:-/ Node v11.15.0