var myStringArray = ["hello", "World"];
myStringArray.forEach(function(val, index){
   console.log(val, index);
})

在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（）

在JavaScript中，不建议使用for In循环遍历Array，但最好使用for循环，例如：

for(var i=0, len=myArray.length; i < len; i++){}

它也进行了优化（“缓存”数组长度）。如果你想了解更多，请阅读我关于这个主题的帖子。

我还没有看到这种变化，我个人最喜欢这种变化：

给定一个数组：

var someArray = ["some", "example", "array"];

您可以在不访问长度属性的情况下对其进行循环：

for (var i=0, item; item=someArray[i]; i++) {
  // item is "some", then "example", then "array"
  // i is the index of item in the array
  alert("someArray[" + i + "]: " + item);
}

请参阅本JsFidle演示：http://jsfiddle.net/prvzk/

这只适用于非稀疏阵列。这意味着数组中的每个索引实际上都有一个值。然而，我发现在实践中我几乎从未在JavaScript中使用过稀疏数组。。。在这种情况下，通常更容易将对象用作映射/哈希表。如果您有一个稀疏数组，并且希望在0上循环。。length-1，您需要for（vari=0；i<someArray.length；++i）构造，但仍需要在循环内使用if来检查当前索引处的元素是否已实际定义。

此外，正如CMS在下面的注释中所提到的，您只能在不包含任何错误值的数组上使用它。示例中的字符串数组是有效的，但如果您有空字符串或0或NaN等数字，则循环将提前中断。在实践中，这对我来说几乎从来都不是问题，但这是一件需要记住的事情，这使得在使用它之前，这是一个需要考虑的循环……这可能会使某些人失去资格：）

我喜欢这个循环的地方是：

写起来很短无需访问（更不用说缓存）长度属性要访问的项在循环中自动定义你选择的名字下的身体。与array.push和array.please非常自然地结合，使用列表/堆栈等数组

这种方法之所以有效，是因为数组规范规定，当您从索引中读取一个项>=数组长度时，它将返回undefined。当你写到这样的位置时，它实际上会更新长度。

对我来说，这个构造最接近于我喜欢的Java5语法：

for (String item : someArray) {
}

…还有一个额外的好处，那就是了解循环内的当前索引

如果您想使用jQuery，它的文档中有一个很好的示例：

 $.each([ 52, 97 ], function( index, value ) {
      alert( index + ": " + value );
 });

是的，您可以使用循环在JavaScript中执行同样的操作，但不限于此。在JavaScript中有很多方法可以对数组进行循环。假设下面有一个数组，您想对其进行循环：

var arr = [1, 2, 3, 4, 5];

以下是解决方案：

1） For循环

for循环是JavaScript中循环数组的常见方式，但它不被认为是大型数组的最快解决方案：

for (var i=0, l=arr.length; i<l; i++) {
  console.log(arr[i]);
}

2） While循环

while循环被认为是循环长数组的最快方式，但在JavaScript代码中通常很少使用：

let i=0;

while (arr.length>i) {
    console.log(arr[i]);
    i++;
}

3） 做的同时do-while与while执行相同的操作，但语法差异如下：

let i=0;
do {
  console.log(arr[i]);
  i++;
}
while (arr.length>i);

这些是实现JavaScript循环的主要方法，但还有其他几种方法可以实现。

此外，我们还使用for in循环对JavaScript中的对象进行循环。

还可以查看JavaScript中Array上的map（）、filter（）、reduce（）等函数。他们做事情可能比使用while和for更快、更好。

如果您想进一步了解JavaScript中的异步函数和数组，这是一篇很好的文章。

函数式编程在当今世界的发展。有充分的理由：功能性技术可以帮助您编写更容易编写的声明性代码一目了然地理解、重构和测试。函数式编程的基石之一是它的特殊用途列表和列表操作。这些东西正是听起来就像是：一系列的东西，以及你对它们做的事情。但功能思维方式对待他们的方式与你有点不同可能会想到。本文将详细介绍我喜欢称之为“大三个“列表操作：map、filter和reduce围绕这三个功能是实现编写干净的功能代码功能和反应式编程的强大技术。这也意味着你再也不用编写for循环了。

阅读更多>>此处：