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

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

/**
  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))
  })

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

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

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

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中删除项。

简短回答：是的。你可以这样做：

var myArray = ["element1", "element2", "element3", "element4"];

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

在浏览器控制台中，您可以看到打印的“element1”、“element2”等内容。

是的，您可以使用循环在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循环了。

阅读更多>>此处：

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

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

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