js过滤数组某一个值

Question

let arr = [
    {
        type:1,
        msg:'第一个'
    },
    {
        type:1,
        msg:'第二个'
    },
    {
        type:2,
        msg:'第三个'
    }
]

想要的效果：

过滤出符合 type=1 的当前对象的msg，如上代码得出的结果就是['第一个','第二个']

let arr2 = arr.filter(item=>{
    return item.type == 1
}).map(item=>{
    return item.msg
})

求解有无 更好/性能更高 的写法

Answer 1

这个够简单把，一个循环

 var list = arr.reduce(function (res, item) {
   if(item.type == 1) {
     res.push(item.msg);
   }
   return res;
 }, []);

 // ["第一个", "第二个"]
 console.log('list', list)

Answer 2

const arr2 = []
arr.forEach(item => {
    if(item.type === 1) {
        arr2.push(item.msg)
    }
})

Answer 3

你也可以用reduce

const result = arr.reduce((arr, item) => {
    if (item.type == 1) {
        arr.push(item.msg)
    }
    return arr
}, [])
console.log(result)

Answer 4

let newArr = arr.map(item => {

if (item.type === 1) {
    return item.msg
}

}).filter(item => !!item);