js循环遍历的几种方法

每种编程语言都会用到循环遍历，而javascript脚本中也会用到。下面73so博客就说一说在js中常用的几种循环遍历的方法。

js中循环遍历的方法

1、while 语句

例：

while (i < 100) { 
    console.log('i 当前为：' + i); 
    i = i + 1; 
}

2、do……while循环

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

var x = 3;
var i = 0; 
do { 
    console.log(i); i++; 
} while(i < x);

3、for循环

arr = array(); // 为一个数组
for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

4、for…in循环

fo…in循环一般用于对象的遍历，但需要注意的是，任何对象都继承了Object对象，或者其它对象，继承的类的属性是默认不可遍历的，for... in循环遍历的时候会跳过，但是这个属性是可以更改为可以遍历的，那么就会造成遍历到不属于自身的属性。

var obj = {a: 1, b: 2, c: 3}; 
for (var i in obj) { 
    console.log('键名：', i); 
    console.log('键值：', obj[i]); 
}

5、map()循环

map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回。

var numbers = [1, 2, 3];
numbers.map(function (n) { 
     return n + 1; 
}); 
// [2, 3, 4] 
numbers // [1, 2, 3]

6、forEach循环

forEach方法与map方法很相似，也是对数组的所有成员依次执行参数函数。

function log(element, index, array) {
    console.log('[' + index + '] = ' + element); 
} ;
[2, 5, 9].forEach(log); 
// [0] = 2 // [1] = 5 // [2] = 9

7、filter()过滤循环

filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回。

[1, 2, 3, 4, 5].filter(function (elem) {
 return (elem > 3);
}) // [4, 5]

以上就是js脚本中常用的循环遍历的方法，除此之外还有some()，every()循环遍历，reduce()，reduceRight()遍历等。