点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
【map,filter】
ECMAScript5给Array新增了一系列方法,有些可能你一直没有用过,比如:every,some,reduce等等。今天讲两个相对来说更更常用的方法:map,filter。
怎么用,很简单,从概念来理解。
一、【map】
详细描述:返回一个由原数组中每个元素调用某个指定方法得到的返回值所组成的新数组,返回每一个处理结果。
例子:
let colors = ['red', 'blue', 'green', 'green']
let result = colors.map((color)=>{
if(color === 'green') {
return color;
}
})
console.log(result)
输出:[undefined, undefined, "green", "green"]
对着概念,仔细理解一下这段代码,只有理解之后在日常逻辑代码中才能用的轻松。
二、【filter】
详细描述:利用所有通过指定函数处理的元素创建一个新的数组并返回。
例子:
let colors = ['red', 'blue', 'green', 'green']
let result = colors.filter((color)=>{
if(color === 'green') {
return color;
}
})
console.log(result)
输出:["green", "green"]
同样,对着概念,仔细理解一下这段代码,只有理解之后在日常逻辑代码中才能用的轻松。
总结一下:
很简单,map将目标数组中每一个元素传入处理函数后处理完成返回,目标元素有多少个就返回多少个结果。而filter只返回符合处理函数的元素组成的新数组。上面有概念有实例,好好理解一下。