数组的几个操作filter,map,includes,find,some,every,reduce,find,findIndex

let arr=[1,2,3,4,5,55];

filter(筛选)

let newArr=arr.filter(function (i) {
   return i>2&&i<5;
});

返回新数组,不会改变原数组。

map(映射)

let newArrs=arr.map(function (i) {
    return `<li>${i}</li>`;
});
console.log(newArrs.join(''));

结果:<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>55</li>
返回新数组,不会改变原数组。

includes

console.log(arr.includes(4));
返回boolean值。

find

let newarr=arr.find(function (item,index) {
    return item.toString().indexOf(5)>-1;
});

结果:5
不会改变数组,返回找到的那一项,回调函数中返回true表示找到了,找到后就停止循环。若循环完毕没找到,则返回undefined。

some

let newarr=arr.some(function (item,index) {
    return item.toString().indexOf(5)>-1;
});

结果:true
找true,找到true后停止并返回true,找不到返回false。

every

let newarr=arr.every(function (item,index) {
    return item.toString().indexOf(5)>-1;
});

结果:false
找false,找到false后停止并返回false。

reduce

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。

let sum=[0,{price:30,count:2},{price:30,count:3},{price:30,count:4}];
let all=sum.reduce(function (total,currentValue,currentIndex,arr) {
    return total+currentValue.price*currentValue.count;
});
let sum2=[{price:30,count:2},{price:30,count:3},{price:30,count:4}];
let all2=sum2.reduce(function (total,currentValue,currentIndex,arr) {
    return total+currentValue.price*currentValue.count;
},0);//默认指定第一个total
console.log(all);
console.log(all2);

结果:

270
270

参数介绍:
total:必需。初始值, 或者计算结束后的返回值。
currentValue:必需。当前元素
currentIndex:可选。当前元素的索引
arr:可选。当前元素所属的数组对象。

find

let newArrs=arr.find(function (i) {
    return i>4;
});

结果:5
查找第一个符合条件的数组元素

findIndex

let newArrs=arr.findIndex(function (i) {
    return i>4;
});

结果:4
查找第一个符合条件的数组元素的索引

entries

const obj={a:1,b:2,c:3,d:4};
console.log(Object.entries(obj));
//[["a",1],["b",2],["c",3],["d",4]]

const ret=Object.entries(obj).map(v=>{
    return {text:v[1],value:v[0]}
})
console.log(ret);
//[{"text":1,"value":"a"},{"text":2,"value":"b"},{"text":3,"value":"c"},{"text":4,"value":"d"}]

const obj1=ret.reduce((acc,v)=>{
    acc[v.value]=v.text
    return acc
},{})
console.log(obj1);
//{a: 1, b: 2, c: 3, d: 4}
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值