//Make array
var array = ["1","2","3","4","5","6","7","8","9","10"]
//Loop
for(var i = 0; i < array.length; i++){
 console.log((i+1) + " --> " + array[i])
}

对于i的实际值，如果需要，需要将（i+1）更改为i或（i）。希望这有所帮助。

Opera、Safari、Firefox和Chrome现在都共享一组增强的Array方法来优化许多常见循环。

您可能不需要所有这些，但它们可能非常有用，或者如果每个浏览器都支持它们，它们就会非常有用。

Mozilla实验室发布了他们和WebKit都使用的算法，因此您可以自己添加它们。

筛选器返回满足某个条件或测试的项目数组。

如果每个数组成员都通过测试，则every返回true。

如果有人通过测试，则返回true。

forEach在每个数组成员上运行一个函数，不返回任何内容。

map类似于forEach，但它返回每个元素的操作结果数组。

这些方法都将一个函数作为其第一个参数，并有一个可选的第二个参数，这是一个对象，当数组成员循环通过该函数时，您希望将其范围强加给数组成员。

忽略它，直到你需要它。

indexOf和lastIndexOf查找与其参数完全匹配的第一个或最后一个元素的适当位置。

(function(){
    var p, ap= Array.prototype, p2={
        filter: function(fun, scope){
            var L= this.length, A= [], i= 0, val;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        val= this[i];
                        if(fun.call(scope, val, i, this)){
                            A[A.length]= val;
                        }
                    }
                    ++i;
                }
            }
            return A;
        },
        every: function(fun, scope){
            var L= this.length, i= 0;
            if(typeof fun== 'function'){
                while(i<L){
                    if(i in this && !fun.call(scope, this[i], i, this))
                        return false;
                    ++i;
                }
                return true;
            }
            return null;
        },
        forEach: function(fun, scope){
            var L= this.length, i= 0;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        fun.call(scope, this[i], i, this);
                    }
                    ++i;
                }
            }
            return this;
        },
        indexOf: function(what, i){
            i= i || 0;
            var L= this.length;
            while(i< L){
                if(this[i]=== what)
                    return i;
                ++i;
            }
            return -1;
        },
        lastIndexOf: function(what, i){
            var L= this.length;
            i= i || L-1;
            if(isNaN(i) || i>= L)
                i= L-1;
            else
                if(i< 0) i += L;
            while(i> -1){
                if(this[i]=== what)
                    return i;
                --i;
            }
            return -1;
        },
        map: function(fun, scope){
            var L= this.length, A= Array(this.length), i= 0, val;
            if(typeof fun== 'function'){
                while(i< L){
                    if(i in this){
                        A[i]= fun.call(scope, this[i], i, this);
                    }
                    ++i;
                }
                return A;
            }
        },
        some: function(fun, scope){
            var i= 0, L= this.length;
            if(typeof fun== 'function'){
                while(i<L){
                    if(i in this && fun.call(scope, this[i], i, this))
                        return true;
                    ++i;
                }
                return false;
            }
        }
    }
    for(p in p2){
        if(!ap[p])
            ap[p]= p2[p];
    }
    return true;
})();

是的，假设您的实现包括for。。。在ECMAScript 2015（“Harmony”版本）中引入的功能。。。现在这是一个相当安全的假设。

它的工作原理如下：

// REQUIRES ECMASCRIPT 2015+
var s, myStringArray = ["Hello", "World"];
for (s of myStringArray) {
  // ... do something with s ...
}

或者更好，因为ECMAScript 2015还提供了块范围的变量：

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

（变量s在每次迭代中都是不同的，但只要不在循环体中修改，它仍然可以在循环体内部声明为常量。）

关于稀疏数组的一个注意事项：JavaScript中的数组实际存储的项目可能不像其长度所报告的那么多；该数字仅比存储值的最高索引大一个。如果数组包含的元素少于其长度所指示的元素，则称为稀疏。例如，只有索引3、12和247处的项的数组是完全合法的；这种数组的长度是248，尽管它实际上只存储3个值。如果您试图访问任何其他索引处的项，则该数组将显示为具有未定义的值，但该数组与实际存储有未定义值的数组不同。您可以从许多方面看到这种差异，例如，在Node REPL显示阵列的方式中：

> a              // array with only one item, at index 12
[ <12 empty items>, 1 ]
> a[0]           // appears to have undefined at index 0
undefined
> a[0]=undefined // but if we put an actual undefined there
undefined
> a              // it now looks like this
[ undefined, <11 empty items>, 1 ]

因此，当您想要“循环遍历”数组时，您需要回答一个问题：是要在其长度所指示的整个范围内循环，并为任何缺失的元素处理未定义的元素，还是只处理实际存在的元素？这两种方法都有大量的应用；这取决于您使用数组的目的。

如果使用for..遍历数组。。中，循环的主体执行长度次，并且对于数组中实际不存在的任何项，循环控制变量设置为undefined。根据“使用”代码的细节，这种行为可能是您想要的，但如果不是，您应该使用不同的方法。

当然，有些开发人员别无选择，只能使用不同的方法，因为无论出于什么原因，他们的目标是一个尚不支持的JavaScript版本。。。属于

只要您的JavaScript实现符合先前版本的ECMAScript规范（例如，它排除了9之前版本的Internet Explorer），那么您就可以使用Array#forEach迭代器方法而不是循环。在这种情况下，您将传递一个函数，对数组中的每个项进行调用：

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

如果您的实现支持ES6+，当然可以使用箭头函数：

myStringArray.forEach( s => { 
     // ... do something with s ...
} );

不同于。。。of，.forEach只为数组中实际存在的元素调用函数。如果传递了具有三个元素且长度为248的假设数组，它将只调用函数三次，而不是248次。如果这是您想要处理稀疏数组的方式，那么即使您的解释器支持。。。属于

最后一个选项是显式计数循环，适用于所有版本的JavaScript。您只需从0到小于长度的1进行计数，并将计数器用作索引。基本循环如下所示：

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i<len; ++i) {
  s = myStringArray[i];
  // ... do something with s ...
}

这种方法的一个优点是可以选择如何处理稀疏数组。上面的代码将运行循环体的整个长度，对于任何缺失的元素，s都设置为undefined，就像for。。属于如果您希望只处理稀疏数组中实际存在的元素，例如.forEach，则可以在索引上添加一个简单的in测试：

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i<len; ++i) {
  if (i in myStringArray) {
    s = myStringArray[i];
    // ... do something with s ...
  }
}

根据实现的优化，将长度值分配给局部变量（而不是在循环条件中包含完整的myStringArray.length表达式）可以显著提高性能，因为它每次都会跳过属性查找。您可以在循环初始化子句中看到长度缓存，如下所示：

var i, len, myStringArray = [ "Hello", "World" ];
for (len = myStringArray.length, i=0; i<len; ++i) {

显式计数循环还意味着您可以访问每个值的索引（如果需要的话）。该索引还作为一个额外的参数传递给传递给forEach的函数，因此您也可以这样访问它：

myStringArray.forEach( (s,i) => {
   // ... do something with s and i ...
});

对于of不会为您提供与每个对象关联的索引，但只要您正在迭代的对象实际上是Array的实例（而不是..of的其他可迭代类型之一），您就可以使用Array#entries方法将其更改为[index，item]对的数组，然后对其进行迭代：

for (const [i, s] of myStringArray.entries()) {
  // ... do something with s and i ...
}

用于。。。在其他人提到的语法中，用于循环对象的财产；因为JavaScript中的Array只是一个具有数字属性名称（以及自动更新的长度属性）的对象，理论上可以用它循环Array。但问题是它并不局限于数字属性值（记住，即使是方法实际上也只是值为闭包的财产），也不能保证按数字顺序迭代。因此，对于。。。in语法不应用于循环数组。

简单的单线解决方案：

arr=[“桌子”，“椅子”]；//解决方案arr.map（（e）=>{控制台日志（e）；返回e；});

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

}

介绍

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