es6中数组遍历
emer 发布于 2018-12-17 11:11 2335 次阅读
我经常会操作数组,而且避免不了对每一个字段的操作,这样就会用到遍历,遍历有好多种,今天我归纳一下经常会用到的几个:
1、foreach 是一个我们经常用的一个:
var name = ['张三', '李四', '王五']; name.foreach(function(v,k) { console.log(v); //这样就会分别将name遍历出来 }); //注意:jquery中each方法是反的,比如: $(name).each(function(k,v){ console.log(v); }); //这里面的this指向的v
2、map 和foreach 近乎很像,但是也有它的不同之处,比如:
1
2
3
4
5
6
7
8
|
var a1 = [ 'a' , 'b' , 'c' ];
var a2 = a1.map(function(item,key,ary) {
return item.toUpperCase();
});
console.log(a1); // ['a','b','c'];
console.log(a2); //['A','B','C'];
注意:map 是表示映射的,也就是一一对应,遍历完成之后会返回一个新的数组,但是不会修改原来的数组
|
3、filter 它呢有过滤的意思,也就说它就是一个过滤器 ,那它怎么用呢
var a1 = [1,2,3,4,5,6]; var a2 = a1.filter(function(item) { return item <= 3; }); console.log(a2); // [1,2,3]; //filter 它将是遍历每一个元素,用每一个元素去匹配,如果返回true,就会返回一个次数,最后将所有符合添加的全部选出
4、reduce(从左到右 依此遍历,一般用来做加减乘除用算用的)
var a1 = [1, 2, 3]; var total = a1.reduce(function(first, second) { return first + second; },0); console.log(total) // Prints 6 //注意 1、就是 return first+second 其实相当于 return first+=second; 也就是说每次的first 是上一次的和 //2、就是function{}后面的参数,如果 有值 那么第一次加载的时候 first = 0; second = 1;如果没有值 , first = 1 , second = 2;如果后面的参数是个字符串,那么就是会是字符串拼接、
5、every(且)
function isNumber(value){ return typeof value == 'number'; } var a1 = [1, 2, 3]; console.log(a1.every(isNumber)); // logs true var a2 = [1, '2', 3]; console.log(a2.every(isNumber)); // logs false //注意:数组中每一个元素在callback上都被返回true时就返回true,否则为false
6、some (或)
function isNumber(value){ return typeof value == 'number'; } var a1 = [1, 2, 3]; console.log(a1.some(isNumber)); // logs true var a2 = [1, '2', 3]; console.log(a2.some(isNumber)); // logs true var a3 = ['1', '2', '3']; console.log(a3.some(isNumber)); // logs false //注意:只要数组中有一项在callback上被返回true,就返回true