在JavaScript中循环数组

在Java中，可以使用for循环遍历数组中的对象，如下所示：

String[] myStringArray = {"Hello", "World"};
for (String s : myStringArray) {
    // Do something
}

我可以在JavaScript中做同样的事情吗？

当前回答

在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);

方法返回数组中满足所提供测试函数的第一个元素的值。

工具书类

Array.prototype.some（）Array.prototype.forEach（）Array.prototype.map（）Array.prototype.filter（）Array.prototype.sort（）Spread语法Array.prototype.find（）

2018-02-23 11:29:38

其他回答

JavaScript中的数组遍历作弊表

给定一个数组，可以通过以下多种方式之一遍历它。

1.经典for loop

const myArray=['Hello'，'World']；for（设i=0；i<myArray.length；i++）{console.log（myArray[i]）；}

2.用于。。。属于

const myArray=['Hello'，'World']；for（myArray的常量项）{console.log（项）；}

3.Array.prototype.forEach（）

const myArray=['Hello'，'World']；myArray.forEach（项=>{console.log（项）；});

4.while循环

const myArray=['Hello'，'World']；设i=0；while（i＜myArray.length）{console.log（myArray[i]）；i++；}

5.do…while循环

const myArray=['Hello'，'World']；设i=0；做{console.log（myArray[i]）；i++；}而（i＜myArray.length）；

6.队列样式

const myArray=['Hello'，'World']；while（myArray.length）{console.log（myArray.shift（））；}

7.堆栈样式

注：该列表在本页中以相反的方式打印。const myArray=['Hello'，'World']；while（myArray.length）{console.log（myArray.pop（））；}

2020-09-21 15:42:45

如果你想用一种简洁的方式写一个快速循环，你可以反过来迭代：

for (var i=myArray.length;i--;){
  var item=myArray[i];
}

这样做的好处是缓存长度（类似于for（var i=0，len=myArray.length；i<len；++i），而不像for（var i=0；i<myArray.long；++i）），同时输入的字符更少。

甚至有些时候，您应该反向迭代，例如在实时NodeList上迭代时，您计划在迭代期间从DOM中删除项。

2012-06-04 16:26:03

您可以使用map，这是一种函数式编程技术，也可以在Python和Haskell等其他语言中使用。

[1,2,3,4].map( function(item) {
     alert(item);
})

一般语法为：

array.map(func)

一般来说，func需要一个参数，这是数组的一个项。但在JavaScript的情况下，它可以接受第二个参数，即项目的索引，以及第三个参数，也就是数组本身。

array.map的返回值是另一个数组，因此可以这样使用：

var x = [1,2,3,4].map( function(item) {return item * 10;});

现在x是[10,20,30,40]。

您不必内联编写函数。它可能是一个单独的功能。

var item_processor = function(item) {
      // Do something complicated to an item
}

new_list = my_list.map(item_processor);

这相当于：

 for (item in my_list) {item_processor(item);}

除非你没有得到new_list。

2010-06-10 00:09:16

阵列循环：

for(var i = 0; i < things.length; i++){
    var thing = things[i];
    console.log(thing);
}

对象循环：

for(var prop in obj){
    var propValue = obj[prop];
    console.log(propValue);
}

2016-08-01 21:18:18