什么是陣列扁平化？
陣列扁平化其實就是將多維陣列轉為一維陣列，
陣列扁平化的幾種方式
方式一：ES6的flat方法
const arr = [1,[2,[3,[4,5]]],6] // 方法一：陣列自帶的扁平化方法,flat的引數代表的是需要展開幾層，如果是Infinity的話，就是不過嵌套幾層，全部都展開 console.log(arr.flat(Infinity))
使用的是ES6的flat(),flat方法的引數可以是n也可以直接寫死Infinity，n代表展開幾層，例如上面的例子是最多是3維陣列，需要展開3層，可以直接寫3
如果寫的是Infinity的話，就是不管你是多少維陣列，都會直接轉為一維陣列
方式二：使用正則
const arr = [1,[2,[3,[4,5]]],6] const res = JSON.stringify(arr).replace(/\[|\]/g,'') const res2 = JSON.parse('[' + res + ']') console.log(res2)
-
首先是使用JSON.stringify把arr轉為字串
-
接著使用正則把字串里面的 [ 和 ]去掉
-
然后再拼接陣列括號轉為陣列物件
方法三：使用遞回
const array = [] const fn = (arr)=>{ for(let i = 0;i<arr.length; i++){ if(Array.isArray(arr[i])){ fn(arr[i]) } else { array.push(arr[i]) } } } fn(arr) console.log(array)
方法四：使用reduce
const newArr = (arr)=>{ return arr.reduce((pre,cur)=>{ return pre.concat(Array.isArray(cur) ? newArr(cur) : cur) },[]) } console.log(newArr(arr),"reduce方法")
reduce的詳細使用方法請查看我的另外一篇博文陣列的reduce方法詳細解 - Cynthia-milk - 博客園 (cnblogs.com)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285955.html
標籤：其他
上一篇：陣列的reduce方法詳細解