1、陣列字串化

let arr = [[123456], [333], 789]
arr += ''
arr = arr.split(',')
console.log(arr)
2、遞迴

2、遞迴

function demo(arr) {
    var newArr = []
    for (var i = 0; i < arr.length; i++) {
        if (Array.isArray(arr[i])) {
        // 如果是陣列，呼叫遞迴函式 dimension 將其扁平化，然後再 push 到 newArr 中
            newArr.push.apply(newArr, demo(arr[i]))
        } 
 
else {
            // 不是陣列直接 push 到 newArr 中
            newArr.push(arr[i])
        }
    }
    return newArr
}
 
var array = ['1', '2', ['2', ['6', ['4', '9'], '8'], '5'], '3', '3', '2']
var reduce = demo(array)
console.log(reduce)

3、利用contact

var a = [1,[2],[3,4]]
    var result = []
    for(var i=0; i<a.length; i++){
        
 
if(a[i].constructor == Array) {
            result = result.concat(a[i])
        }else {
            result.push(a[i])
        }
    }
    console.log(result) // [1,2,3,4]

4、利用擴充套件運算子

擴充套件運算子相當於陣列拆成最小單位了，...[1,，2,，[3， 4]] 相當於變成了 1，2, [3, 4]；這樣 [ ].concat(...a) 就相當於 [ ].concat(1，2，[3，4])

var a = [1,[2],[3,4]]
 
var result = []
result = [].concat(...a)
console.log(result) // [1,2,3,4]

5、利用apply

這個跟擴充套件運算子類似，apply 會把陣列a 拆分，拆成 1,2，[3, 4] 依次傳遞給concat方法， 效果就跟 擴充套件運算子一樣了。

var a = [1,2,[3,4]]
var result = []
result = Array.prototype.concat.apply([], a)
console.log(result) // [1,2,3,4]

6、Array.prototype.flat()

var arr1 = [1, 2, [3, 4]]
console.log(arr1.flat())
// [1, 2, 3, 4]
 
var arr2 = [1, 2, [3, 4, [5, 6]]]
console.log(arr2.flat())
// [1, 2, 3, 4, [5, 6]]
 
var arr3 = [1, 2, [3, 4, [5, 6]]]
console.log(arr3.flat(2))
// [1, 2, 3, 4, 5, 6]
//使用 Infinity 作為深度，展開任意深度的巢狀陣列
console.log(arr3.flat(Infinity))
// [1, 2, 3, 4, 5, 6]

7、使用stack無限反巢狀多層巢狀陣列

var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]];
function flatten(input) {
    const stack = [...input];
    const res = [];
    while (stack.length) {
        // 使用 pop 從 stack 中取出並移除值
        const next = stack.pop();
        if (Array.isArray(next)) {
           // 使用 push 送回內層陣列中的元素，不會改動原始輸入 original input
            stack.push(...next);
        } else {
        res.push(next);
    } }
    // 使用 reverse 恢復原陣列的順序
    return res.reverse();
}
console.log(flatten(arr1)); // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]

8、使用reduce、concat和遞迴無限反巢狀多層巢狀的陣列

var arr1 = [1, 2, 3, [1, 2, 3, 4, [2, 3, 4]]]
function flattenDeep(arr1) {
   return arr1.reduce(
      (acc, val) =>
         Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val),
      []
   )
}
console.log(flattenDeep(arr1))
// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]