数组的筛选

最新推荐文章于 2024-08-26 10:36:21 发布

小萝卜-

最新推荐文章于 2024-08-26 10:36:21 发布

阅读量63

点赞数

文章标签： html5 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_66709443/article/details/129262567

版权

文章讲述了如何使用JavaScript处理两个对象数组和一个字符串数组。通过filter方法从arr1中筛选出与arr2相同value的对象，创建新的数组newArr。同时，test函数遍历arr2，查找与之匹配的arr1中的对象并添加到resultArr。

摘要由CSDN通过智能技术生成

两个对象数组

let arr1 = [
        {
            name: '安安',
            value: 'aa',
        },
        {
            name: '版本',
            value: 'bb',
        },
        {
            name: '查查',
            value: 'cc',
        },
    ]
    let arr2 = [
        {
            label: '安安',
            value: 'aa',
        },
        {
            label: '版本',
            value: 'bb',
        },
    ]

const  test () => {
        let resultArr = [];
        arr2.forEach(item =>{
            console.log(arr1.filter(_item => _item.value === item.value))
            resultArr.push( arr1.filter(_item => _item.value === item.value)[0] );
        })
        console.log(resultArr)
        return  resultArr
    }

一个对象数组

let arr1 = [
        {
            name: '安安',
            value: 'aa',
        },
        {
            name: '版本',
            value: 'bb',
        },
        {
            name: '查查',
            value: 'cc',
        },
    ]
    let arr2 = ['aa', 'bb' ]


const newArr =  arr1.filter( item => arr2.includes(item.value) )
console.log(newArr)