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()遍历等。