JavaScript实现树形扁平化(数组降维)

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript实现树形扁平化(数组降维)相关的知识,希望对你有一定的参考价值。


1、示例代码

let arr = [
	
		id: 1,
		name: "一级1",
		children: [
			 id: 2, name: "二级1", children: [] ,
			
				id: 3,
				name: "二级2",
				children: [ id: 4, name: "三级1", children: [] ],
			,
		],
	,
	
		id: 5,
		name: "一级2",
		children: [],
	,
];

function flatten(arr) 
	return arr.reduce((result, item) => 
		return result.concat(item, Array.isArray(item.children) ? flatten(item.children) : []);
	, []);


console.log(flatten(arr));

2、相关文章链接

CSND-js 多维数组对象扁平化数组

以上是关于JavaScript实现树形扁平化(数组降维)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript实现纯数组扁平化(数组降维)

JavaScript实现扁平数组结构与JSON树形结构相互转换递归reducecontinuepushconcatfor of

JavaScript扁平数组结构转换成JSON树形结构无限极forEachpushchildren

JavaScript 扁平与树形数组数据的转换

JavaScript递归树形扁平数组笔试题reduceforEachconcat

原生JavaScript+HTML5实现树形目录结构一维数组生成多维数组detailssummary