介绍

从大学时代开始，我就用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);
});

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

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

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

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

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

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

给定一个数组：

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 (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.forEach函数。如果你不能使用，我建议从MDN获得polyfill。为了使其可用，在JavaScript中迭代数组当然是最安全的方法。

Array.prototype.forEach（）

正如其他人所建议的，这几乎总是你想要的：

var numbers = [1,11,22,33,44,55,66,77,88,99,111];
var sum = 0;
numbers.forEach(function(n){
  sum += n;
});

这样可以确保在处理数组的范围内所需的任何内容都保持在该范围内，并且您只处理数组的值，而不处理对象财产和其他成员，这是为了。。在中。

在大多数情况下，对循环使用常规的C样式。只需记住，循环中的所有内容都与程序的其他部分共享其作用域，｛｝不会创建新的作用域。

因此：

var sum = 0;
var numbers = [1,11,22,33,44,55,66,77,88,99,111];

for(var i = 0; i<numbers.length; ++i){
  sum += numbers[i];
}

alert(i);

将输出“11”-这可能是或可能不是您想要的。

jsFiddle示例：https://jsfiddle.net/workingClassHacker/pxpv2dh5/7/