数组里有children，如何获取数组中所有对象某个key对应的值，组成新的值存在数组里面

2023-03-13 08:22| 来源: 网络整理| 查看: 265

1，在实际开发中我们会遇到数组中包含chidren的数组，我们如果想要获取数组中某个指定的key对应值的组成新的key和value的时候，这时候我们改怎么简单方便的操作呢？

1：如何获取里面所有的id值，包括children里的 [ { id: 1, age: 23, name: '测试1', children: [ { id: 2, age: 24, name: '测试11', children: [ { id: 3, age: 244, name: '测试111' }, ] } ] }, { id: 4, age: 26, name: '测试2', children: [], } ] 方法一…运算符使用解决： let a = [ { id: 1, age: 23, name: '测试1', children: [ { id: 2, age: 24, name: '测试11', children: [ { id: 3, age: 244, name: '测试111' }, ] } ] }, { id: 4, age: 26, name: '测试2', children: [], } ] // (1) function func(arr){ return arr.reduce((a, b) => { let res = [...a,b.id]; if (b.children) res = [...res, ...func(b.children)]; return res; }, []); } // (2) function func(arr) { return arr.reduce((a, b) => { return b.children ? [...a, b.id, ...func(b.children)] : [...a, b.id]; }, []); } console.log(func(a)) // 结果： [1,2,3,4] 方法二：使用for循环遍历，然后在递归 // （1） let arr= [ { id: 1, children: [{ id: 2 },{ id: 3 }] }, { id: 4, children: [] } ]; // 获取对应id const getIds = function(arr) { const res = arr.reduce((prev, next) => { if (next.id) prev.push(next.id); if (next.children && next.children.length) return prev.concat(getIds(next.children)); return prev; }, []); return res; }; const res = getIds(arr); console.log(res); // 获取对应需要的key function getKeys(list, key) { return list.reduce((res, v) => { if(v.children && v.children.length) res = res.concat(getKeys(v.children,key)) res.push(v[key]); return res; }, []) } console.log(getKeys(arr, 'id')) // （2） const getIdsArry = (arr) => { const ans = []; const dfs = (root, ans) => { let neighbor; if (Array.isArray(root)) { neighbor = root; } else { ans.push(root.id); neighbor = root.children; } if (!neighbor) return; for (let i = 0; i id: 1, children: [{ id: 2 },{ id: 3 }] }, { id: 4, children: [] } ]; function func(arr) { return arr.reduce((a, b) => { return b.children ? [...a, ...func(b.children)] : [...a, b.id]; }, []); } console.log(func(a)); // 结果 [2,3] 3，组成新的值存放数组里面

在这里插入图片描述

【本文地址】

公司简介

联系我们