hi,欢迎访问本站!
当前位置: 首页Web前端正文

js循环遍历的几种方法

墨初 Web前端 323阅读

每种编程语言都会用到循环遍历,而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()遍历等。

声明:无特别说明,转载请标明本文来源!
相关推荐