阵列迭代有4种方式：

// 1: for

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

// 2: forEach

arr.forEach((v, i) => console.log(v));

// 3: for in

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

// 4: for of

for (const v of arr) {
  console.log(v);
}

总结：1和3个解决方案创建额外的变量，2-创建额外的函数上下文。最好的方式是第四位-“for of”。

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

给定一个数组：

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) {
}

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

for（myStringArray的常量）{

（直接回答你的问题：现在你可以了！）

大多数其他答案都是正确的，但他们没有提到（截至本文撰写之时）ECMAScript 6 2015正在为执行迭代带来一种新的机制。。循环的。

这种新语法是在JavaScript中迭代数组的最优雅的方式（只要不需要迭代索引）。

它目前可与Firefox 13+、Chrome 37+一起使用，并且不能与其他浏览器一起使用（请参阅下面的浏览器兼容性）。幸运的是，我们有JavaScript编译器（如Babel），允许我们今天使用下一代功能。

它也适用于Node.js（我在0.12.0版本上测试过它）。

迭代数组

// You could also use "let" or "const" instead of "var" for block scope.
for (var letter of ["a", "b", "c"]) {
   console.log(letter);
}

迭代对象数组

const band = [
  {firstName : 'John', lastName: 'Lennon'},
  {firstName : 'Paul', lastName: 'McCartney'}
];

for(const member of band){
  console.log(member.firstName + ' ' + member.lastName);
}

循环发电机：

（示例摘自https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of)

function* fibonacci() { // A generator function
  let [prev, curr] = [1, 1];
  while (true) {
    [prev, curr] = [curr, prev + curr];
    yield curr;
  }
}

for (const n of fibonacci()) {
  console.log(n);
  // Truncate the sequence at 1000
  if (n >= 1000) {
    break;
  }
}

兼容性表：http://kangax.github.io/compat-table/es6/#test-用于。。第页，共页

规范：http://wiki.ecmascript.org/doku.php?id=harmony:iterators

}

有多种方法可以在javascript中实现。下面是处理数组的常用方法。

方法1：

const students = ["Arun","Jos","John","Kiran"]
for (var index = 0; index < students.length; index++) {
  console.log(students[index]);
}

方法2：

students.forEach（（学生，索引）=>console.log（学生））；

方法3：

for (const student of students) {
      console.log(student);
}
  

有一种方法可以只迭代自己的对象财产，而不包括原型的属性：

for (var i in array) if (array.hasOwnProperty(i)) {
    // Do something with array[i]
}

但它仍将迭代自定义的财产。

在JavaScript中，任何自定义属性都可以分配给任何对象，包括数组。

如果要在稀疏数组上迭代，应使用for（var i=0；i<array.length；i++）If（i in array）或array.forEach with es5shim。

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

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

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