多维数组转变为一维数组

1·join和split

join将数组拼接为字符串  split将字符串转变为数组

结果的元素为字符串，可通过map遍历处理每一项

    let temp = [1, [2, 3], [4, 5, [6, 7]]];
    let res = temp.join(',').split(',')
    let res2 = res.map((val, idx) => {
      return Number(val)
    })
    console.log(res)
    console.log(res2)

 2· 递归

　　 let temp = [1, [2, 3], [4, 5, [6, 7]]];
    let target = []
    let fn = (source) => {
      for (let i of source) {
        if (Array.isArray(i)) {
          fn(i)
        } else {
          target.push(i)
        }
      }
    }
    fn(temp)
    console.log('递归多维数组', target)

3·flat

按照指定的深度递归遍历数组，把所有元素和遍历到的子数组中的元素合并为一个新数组返回。

a  不传参数，默认为1层，并且会过滤掉空值

b  传Infinity，相当于扁平化最深层次

    let array = ['1', 2, [[3, 4], 7]];
    let res = array.flat(2)
    console.log(res)

 4·reduce和concat

    let array = ['1', 2, [3, 4, [5, 6]], 7];
    let res2 = array.reduce((pre, cur) => {
      return pre.concat(cur)
    }, [])
    console.log('多维数组concat', res2)

 所以：concat只适合二维数组

    let array = ['1', 2, [3, 4], 7];
    let res2 = array.reduce((pre, cur) => {
      return pre.concat(cur)
    }, [])
    console.log('多维数组concat -- 二维', res2)

如果用concat 和reduce处理多维数组，可以递归

    let array = ['1', 2, [[3, 4], 7]];
    let fn = (arr) => {
      return arr.reduce((pre, cur) => {
        return pre.concat(Array.isArray(cur) ? fn(cur) : cur)
      }, [])
    }
    console.log('reduce', fn(array))

5·concat

 二维变一维

    let array = ['1', 2, [3, 4], 7];
    let res = [].concat(...array)
    console.log(res)