如果您正在使用jQuery库，请考虑使用http://api.jquery.com/jQuery.each/

根据文档：

jQuery.each（集合，回调（indexInArray，valueOfElement））返回：对象描述：一个泛型迭代器函数，可用于对对象和数组进行无缝迭代。数组和类数组具有长度属性的对象（例如函数的arguments对象）由数值索引从0到长度-1进行迭代。其他对象包括通过其命名的财产进行迭代。$.each（）函数与$（selector）.each（用于以独占方式对jQuery对象进行迭代。$.each（）函数可以用于迭代任何集合，无论它是map（JavaScript对象）或数组。在数组的情况下回调被传递一个数组索引和一个相应的数组值时间（该值也可以通过this关键字访问，但是Javascript将始终将this值包装为Object，即使它是简单的字符串或数字值。）该方法返回其第一个参数，迭代的对象。

这个答案为循环和数组函数提供了一种替代方法，以遍历数组。

在某些情况下，在常规循环和回调上使用递归实现是有意义的。特别是，如果必须使用多个数组或嵌套数组。避免编写嵌套循环来访问多个数组中的数据。我还发现这段代码更容易读写。

/**
  array is the array your wish to iterate. 
  response is what you want to return.
  index increments each time the function calls itself.
**/

const iterateArray = (array = [], response = [], index = 0) => {
    const data = array[index]

    // If this condition is met. The function returns and stops calling itself.
    if (!data) {
      return response
    }
    // Do work...
    response.push("String 1")
    response.push("String 2")

    // Do more work...

    // THE FUNCTION CALLS ITSELF
    iterateArray(data, response, index+=1)
}

const mainFunction = () => {
    const text = ["qwerty", "poiuyt", "zxcvb"]

    // Call the recursive function
    const finalText = iterateArray(text)
    console.log("Final Text: ", finalText()
}

假设传递给iterateArray的数组包含对象而不是字符串。每个对象中都包含另一个数组。您必须运行嵌套循环才能访问内部数组，但如果递归迭代，则不必如此。

您还可以将iterateArray设置为Promise。

const iterateArray = (array = [], response = []) =>
  new Promise(async (resolve, reject) => {
    const data = array.shift()
    // If this condition is met, the function returns and stops calling itself.
    if (!data) {
      return resolve(response)
    }

    // Do work here...

    const apiRequestData = data.innerArray.find((item) => {
      item.id === data.sub_id
    })

    if (apiRequestData) {
      try {
        const axiosResponse = await axios.post(
          "http://example.com",
          apiRequestData
        )
        if (axiosResponse.status === 200) {
          response.push(apiRequestData)
        } else {
          return reject("Data not found")
        }
      } catch (error) {
        reject(error)
      }
    } else {
      return reject("Data not found")
    }
    // THE FUNCTION RESOLVES AND CALLS ITSELF
    resolve(iterateArray(data, response))
  })

您可以使用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。

例如，我在Firefox控制台中使用了：

[].forEach.call(document.getElementsByTagName('pre'), function(e){ 
   console.log(e);
})

您可以使用querySelectorAll获得相同的结果

document.querySelectorAll（'pre'）.forEach（（e）=>{console.log（e.textContent）；})<pre>文本1</pre><pre>文本2</pre><pre>文本3</pre>

似乎列出了所有变体，除了lodash的Each：

_.forEach([1, 2], (value) => {
  console.log(value);
});

介绍

从大学时代开始，我就用Java、JavaScript、Pascal、ABAP、PHP、Progress 4GL、C/C++以及其他一些我现在想不出来的语言编程。

虽然它们都有自己的语言特点，但每种语言都有许多相同的基本概念。这些概念包括过程/函数、IF语句、FOR循环和WHILE循环。

---

传统的for循环

传统的for循环有三个组成部分：

初始化：在第一次执行look块之前执行条件：每次执行循环块之前检查一个条件，如果为false，则退出循环事后思考：每次执行循环块后执行

这三个组件通过一个；象征这三个组件中每一个的内容都是可选的，这意味着以下内容是可能的最小循环：

for (;;) {
    // Do stuff
}

当然，您需要在for循环中的某处包含if（条件==true）{break；}或if（条件===true）{return；}，以使其停止运行。

不过，通常情况下，初始化用于声明索引，条件用于将该索引与最小值或最大值进行比较，而事后考虑用于增加索引：

for (var i = 0, length = 10; i < length; i++) {
    console.log(i);
}

---

使用传统的for循环遍历数组

循环遍历数组的传统方法是：

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

或者，如果您喜欢向后循环，请执行以下操作：

for (var i = myArray.length - 1; i > -1; i--) {
    console.log(myArray[i]);
}

然而，也有许多可能的变化，例如：

for (var key = 0, value = myArray[key], length = myArray.length; key < length; value = myArray[++key]) {
    console.log(value);
}

…或者这个。。。

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

…或这个：

var key = 0, value;
for (; value = myArray[key++];){
    console.log(value);
}

无论哪种方法最有效，很大程度上都取决于个人品味和您正在实现的具体用例。

请注意，所有浏览器都支持这些变体，包括非常旧的浏览器！

---

while循环

for循环的一种替代方法是while循环。要循环遍历数组，可以执行以下操作：

var key = 0;
while(value = myArray[key++]){
    console.log(value);
}

与传统的for循环一样，即使是最古老的浏览器也支持循环。

此外，请注意，everywhile循环可以重写为for循环。例如，上面的while循环的行为与For循环完全相同：

for(var key = 0; value = myArray[key++];){
    console.log(value);
}

---

对于为。。。属于

在JavaScript中，您也可以这样做：

for (i in myArray) {
    console.log(myArray[i]);
}

然而，这应该谨慎使用，因为它在所有情况下的行为都与传统的for循环不同，并且需要考虑潜在的副作用。请参见为什么对数组迭代使用“for…in”是一个坏主意？了解更多详情。

作为…的替代方案。。。在，现在还有。。。属于以下示例显示了for。。。的循环和for。。。循环中：

var myArray = [3, 5, 7];
myArray.foo = "hello";

for (var i in myArray) {
  console.log(i); // logs 0, 1, 2, "foo"
}

for (var i of myArray) {
  console.log(i); // logs 3, 5, 7
}

此外，您需要考虑没有版本的Internet Explorer支持。。。（边缘12+有）和。。。中至少需要Internet Explorer 10。

---

Array.prototype.forEach（）

for循环的另一种选择是Array.prototype.forEach（），它使用以下语法：

myArray.forEach(function(value, key, myArray) {
    console.log(value);
});

所有现代浏览器以及Internet Explorer 9和更高版本都支持Array.prototype.forEach（）。

---

图书馆

最后，许多实用程序库也有自己的foreach变体。AFAIK，最受欢迎的三个是：

jQuery.each（），在jQuery中：

$.each(myArray, function(key, value) {
    console.log(value);
});

_.each（），在Undercore.js中：

_.each(myArray, function(value, key, myArray) {
    console.log(value);
});

_.forEach（），在Lodash中：

_.forEach(myArray, function(value, key) {
    console.log(value);
});