js多維數組扁平化

數組扁平化，就是將多維數組碾平為一維數組，方便使用。

一：例如，一個二維數組?var arr = ['a', ['b', 2], ['c', 3, 'x']]，將其扁平化：

1. ?通過 apply 借用數組的 concat 方法：

[].concat.apply([], arr);

結果如下：

jQuery 中的 map 方法就用到了這個技巧。

但如果直接調用 concat 方法，[].concat(arr)，就沒有扁平化效果。

?

2.?擴展運算符（...）

[].concat(...arr)

?

3. reduce（ES5新增的數組方法）：

[['a'], ['b', 2], ['c', 3, 'x']].reduce((a, b) => a.concat(b), []);

?

二：對于三維及以上的數組：

1. 數組每一項都是簡單類型，如數字：

var arr = [[1], [[2, 3], [4]], 5, 6];
arr.toString().split(',').map(item => +item);

?

2. 遞歸：

var flatten = function(arr) {
    var isArray = function(arr) {
            return Array.isArray(arr) || Object.prototype.toString.call(arr) === '[object Array]';
        },
        ret = [],
        item;

    if (!isArray(arr)) {
        return;
    }

    for (var i = 0; i < arr.length; i++) {
        item = arr[i];
        if (isArray(item)) {
            ret = ret.concat(flatten(item));
        } else {
            ret.push(item);
        }
    }

    return ret;
};

flatten(  [ 'a', [[[['b', 2]]]], ['c', [3, 'x']] ]  );

該方法對任意維數組都有效。

?

三：flat （ES6方法）

flat(Infinity) 可將任意維數組轉成一維數組