javascript循环总结

对于遍历数组的元素，js和jquery都有类似的方法，js中的是forEach和for循环，for...in，while，do while,jquery中的则是each方法；
简单的示例如下：

 forEach:

//首先定义一个数组
var arr=['a','b',12];
//forEach:
//当js的forEach方法的匿名函数参数列表只有一个时，代表的是数组的元素值
arr.forEach(function(item) {
     console.log(item);
 });
//输出：
a 
b 
12 
//当js的forEach方法的匿名函数参数列表有两个时，前者代表的是数组的元素值，后者代表的是索引；
arr.forEach ( function ( item,index ) {
      console.log(index+'-'+item);
 });
输出：
0-a 
1-b 
2-12 

 for:

//for循环
//语法：
/*
for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}
*/
//语句 1 在循环开始之前设置变量 (var i=0)。
//语句 2 定义循环运行的条件（i 必须小于 5）。
//语句 3 在每次代码块已被执行后增加一个值 (i++)。
var arr=['a','b',12];
for(var i=0;i<arr.length;i++) { 
     console.log( arr[0] , arr[1] , arr[2] , arr[i])
}
//输出
a b 12 a
a b 12 b 
a b 12 12
/*
for 循环的步进值从 i=0 开始。 
只要 i 小于等于 arr.length，循环就会继续运行。 
循环每循环一次，i 就会累加 1。 
*/

 for...in:

//for...in
/*语法：
for (变量 in 对象)“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性
{
      在此执行代码
}
for...in 语句用于对数组或者对象的属性进行循环操作。for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
*/
//数组：
var arr=['a','b',12];
var i;
for(i in arr) {
     console.log(arr[i])
}
//输出
a
b
12
var arr=['a','b',12];
var i;
for(i in arr) {
      console.log(i)
}
//输出
0
1
2
//对象：
var arr={1:'a',2:'d'}
var a
for(a in arr) {
    console.log(a)
}
//输出
1
2
var arr={1:'a',2:'d'}
var a;
for(a in arr) {
    console.log(arr[a])
}
//输出
a
d

 while:

//while 循环会在指定条件为真时循环执行代码块。
/*语法;
while (条件)//条件为true时无限循环　　0是false
{
     需要执行的代码
}
*/
var arr=['a','b',12];
var s=0
while(arr[s]) {
    console.log(s);
    s++
}
//输出
0
1
2
var arr=['a','b',12];
var s=0
while(arr[s]) {
    console.log(arr[s]);
    s++
}
//输出
a
b
12
/*
s等于 0。 
循环每运行一次，s 会累加 1。
*/ 

 
 do while:

//do while
/*
do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。
该循环执行一个指定的语句直到condition 的值为 false. condition 在执行statement后才会被赋值,statement至少执行一次.
*/
//语法
do{
    statement
}while(condition)
var arr = ['a','b',12];
var i =0;
do {
       console.log(arr[i]);
       i++;
}while(arr[i])
//输出
a
b
12