JS数组扁平化多维数组变为一维数组的三种方法

在实践中，我们有一个多维数组，我想把它变为一维数组，我们该怎么办呢？
让我为大家介绍一下吧！

1.flat方法

我们使用flat可以实现降维

    // 声明一个数组const arr = [1,2,3,[4,5,6]]// 我们使用flat方法console.log(arr.flat()) //[1, 2, 3, 4, 5, 6]

当我们有一个三维数组我们就不能直接写flat方法了，我们需要给flat传入参数，深度
参数默认为1

    // 声明一个数组const arr = [1,2,3,[4,5,6,[7,8,9]]]// 我们使用flat方法console.log(arr.flat(2)) //[1, 2, 3, 4, 5, 6, 7, 8, 9]

2.for

    let arr = [1, 2, 3, 4, [5, 6, 7, [8, 9]], 10]function fun(user) {// 创建一个空数组，负责存值let arr1 = []// 简写形式......................// for (let i = 0; i < user.length; i++) {//     Array.isArray(user[i]) ? arr1 = arr1.concat(fun(user[i])) : arr1.push(user[i]);// }//...........................for (let i = 0; i < user.length; i++) {// 我们判断一下user[i]是否是数组// 如果是数组if (Array.isArray(user[i])) {// 我们使用concat外加递归arr1 = arr1.concat(fun(user[i]))} else {// 如果不是数组，我们使用push把值添加进arr1arr1.push(user[i])}}// 切记别写到循环里面了// 我们把arr1赋值给arrarr = arr1// 返回arrreturn arr}fun(arr)console.log(arr) //[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

3.forEach

    let arr = [1, 2, 3, 4, [5, 6, 7, [8, 9]], 10]function fun(user) {// 创建一个空数组，负责存值let arr1 = []// 这一行代码是简写形式// user.forEach(item => Array.isArray(item)?arr1 = arr1.concat(fun(item)):arr1.push(item));user.forEach((item) => {console.log(item) //1 2 3 4 [5, 6, 7, Array(2)] 10// 我们判断一下item是否是数组// 如果是数组if (Array.isArray(item)) {// 我们使用concat外加递归// item变成数组传值给了fun(user),进行递归,直到最后判断不到数组为止arr1 = arr1.concat(fun(item))} else {// 如果不是数组，我们使用push把值添加进arr1arr1.push(item)}})// 切记别写到循环里面了// 我们把arr1赋值给arrarr = arr1// 返回arrreturn arr}fun(arr)console.log(arr) //[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]