JavaScript基础 – 数组扁平化/降维的4种方法

时间:2021-2-20 作者:admin

总结数组扁平化的方法,方便日后查阅。

1. Array.prototype.flat()

es6 新增数组方法。Array.prototype.flat()

缺点:需要计算数组的维度

var arr = [ 1, [2, 21, [22, 221, [2211, 2212]]], [3, [31, 32, [33, 331]]], 4, {'name': 'jack'}]

arr.flat(4);  // [1,2,21,22,221,2211,2212,3,31,32,33,331,4,{'name': 'jack'}]

2. 数组字符串化

缺点:数组内对象无法转换

var arr = [ 1, [2, 21, [22, 221, [2211, 2212]]], [3, [31, 32, [33, 331]]], 4, {'name': 'jack'}]

arr += '';
arr = arr.split(',');

arr; // [1,2,21,22,221,2211,2212,3,31,32,33,331,4,[object Object]]

3. 递归

var arr = [ 1, [2, 21, [22, 221, [2211, 2212]]], [3, [31, 32, [33, 331]]], 4, {'name': 'jack'}]

function reduceDimension(arr) {
    let result = [];
    let toArr = function(arr) {
        arr.forEach(function(item) {
            item instanceof Array ? toArr(item) : result.push(item)
        })
    }
    toArr(arr);
    return result;
}

reduceDimension(arr);

4. reduce + concat + 递归

var arr = [ 1, [2, 21, [22, 221, [2211, 2212]]], [3, [31, 32, [33, 331]]], 4, {'name': 'jack'}]

function reduceDimension(arr) {
   return arr.reduce(function(prev, next){
       return Array.isArray(next) ? prev.concat(flattenDeep(next)) : prev.concat(next)
   }, [])
}

reduceDimension(arr);
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。