牛骨文教育服务平台(让学习变的简单)
博文笔记

es6数组中的遍历

创建时间:2017-07-06 投稿人: 浏览次数:1619

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
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。