复杂数组的处理方法之多维数组扁平化

news2024/10/7 4:23:40

1.需求:

将数组[1，2，[3，4，[5，6]]，7，[8，[9，10]]] 转换为 [1，2，3，4，5，6，7，8，9，10]

2.实现方式:

（1）map加递归

思路：先准备好一个空数组，map遍历原数组并使用Array.isArray()判断数组的每一项是否为数组，如果其中某项是一个数组，则通过递归函数继续遍历，不是数组就添加到准备好的空数组中

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<script>

const numList = [1, 2, [3, 4, [5, 6]], 7, [8, [9, 10]]];

function expandArr (arr) {

const newArr = []

function mapArr (arr) {

arr.map(item => Array.isArray(item) ? mapArr(item) : newArr.push(item))

return newArr

}

return mapArr(arr)

}

const res = expandArr(numList)

console.log(res, '最终结果');

</script>

</body>

</html>

（2）reduce加递归（第一种方法的优化）

思路：reduce遍历原数组并使用Array.isArray()判断数组的每一项是否为数组，如果是数组通过递归继续遍历，不是数组就将当前项与结果合并，直到reduce方法返回最后一次累加的结果

const numList = [1, 2, [3, 4, [5, 6]], 7, [8, [9, 10]]];

function expandArr (arr) {

return arr.reduce((newArr, item) => newArr.concat(Array.isArray(item) ? expandArr(item) : item), [])

}

const res = expandArr(numList)

console.log(res, '最终结果');