ES6中对数组的map/filter/every等操作

1、foreach 是一个我们经常用的一个,用于数组遍历:

var name = [‘张三’, ‘李四’, ‘王五’];
name.foreach(function(v,k) {
console.log(v); //这样就会分别将name遍历出来 });
注意:jquery中each方法是反的,比如: $(name).each(function(k,v){ console.log(v); });

2、map数组筛选,返回处理后产生的新数组(长度不变,内容变):

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、every 且,返回布尔值,全部为true返回true,否则false:

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

5、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;如果后面的参数是个字符串,那么就是会是字符串拼接、

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值