ES6数组的合并和取值

ES6数组的合并和取值

	工作中遇到一个一维数组的操作，根据id取出二级数组里相应的数据，数据结构类似下面

 const list = [
            {
                name:"线控玩具",
                id:"1",
                children:[
                    {
                     id:"a1",
                     name: "线控车"
                    },
                      {
                     id:"a2",
                     name: "线控飞机"
                    }
                ]
            },
            {
                name:"遥控玩具",
                id:"2",
                 children:[
                    {
                     id:"b1",
                     name: "遥控车"
                    },
                      {
                     id:"b2",
                     name: "遥控飞机"
                    }
                ]
            },
            {
                name:"小玩具",
                id:"3",
                children:[]
            },    
        ]

因为后端返回的是id集合是字符串，所以我就用了split分割成数组

        const str ="1,3"
        const idList = str.split(',')//['1','3']

        // filter方法返回的是一个新数组，可用于过滤数组中的对象
        // some方法返回的是boolean值，可用于检察数组中是否有某对象
       
        let oneCategory = list.filter(item =>idList.some(v => v === item.id));
        console.log(oneCategory,"oneCategory");

还有一种写法就是用findIndex（）效果是一样的

       // findIndex()返回满足回调函数中指定的测试条件的第一个数组元素的索引值
       let oneCategory = list.filter(item => idList.findIndex(v => v == item.id) > -1);

        // 当查找数组children的数据时，可以把children数组合并起来，在用上面的方法进行查找
        // 合并数组的方法有递归，concat(),或者正则表达式
        // 我使用的是flat()方法，拉平数组，也就是数组扁平化方法
        let childrenAll = list.map(item => item.children).flat();
        console.log(childrenAll,"childrenAll");

合并之后的数组

总结：ES6为数组带来了很多很实用的方法：Array.of( )、Array.from( )、find( )、findIndex( )、fill( )、entries( )、values()，map(), 所以要多学习一些新的知识，虚心请教。