JS数组中的filter方法

最新推荐文章于 2025-10-20 09:24:24 发布

原创最新推荐文章于 2025-10-20 09:24:24 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#数组的filter方法

前端小知识点专栏收录该内容

69 篇文章

订阅专栏

本文探讨了一维数组使用filter方法筛选元素的实践，并深入到二维数组的处理，通过forEach结合filter实现了对嵌套数组中特定条件元素的筛选，提高了代码的可读性和效率。

一维数组：

const arr = [1,2,3].filter((v)= > {
     console.log(v);  //输出为1，2，3
     return v>1;
})
console.log(arr);  //输出为[2,3];

二维数组：

let data = [{
    a: [{re:true},{re:false}]
    b: '123'
},
{
    a: [{re:true},{re:false}]
    b: '123'
}
]
 
// 借助forEach解决最外重循环
let newArray = []
data.forEach((now，index)=>{
    newArray[index] = now
    newArray[index].a = now.a.filter((item) => {
        return item.re === true
    })     
})
console.log(newArray)  // [{a: [{re:true}]b: '123'},{a: [{re:true}]b:'123'}]
 
// 不比双重forEach简洁多少，而且filter只适合在最后一层用，如果是三维数组，还是要forEach两遍，但是可读性感觉强了一些