Front-end-learning-to-organize-notes icon indicating copy to clipboard operation
Front-end-learning-to-organize-notes copied to clipboard

数组扁平化 flat 的几种方式

Open Chocolate1999 opened this issue 4 years ago • 6 comments
trafficstars

Chocolate1999 avatar Jan 25 '21 01:01 Chocolate1999

let arr = [1, 2, [3, 4], [5, 6, [7, 8, 9]]];
/**第一种方式:flat */
let res1 = arr.flat(Infinity);
console.log(res1);

/**第二种方式:join + split*/
let res2 = arr.join().split(',').map(Number);
console.log(res2);

/**第三种方式: toString + split*/
let res3 = arr.toString().split(',').map(Number);
console.log(res3);

/**第四种方式:递归展开 */
const flattern = arr=>{
    const res = [];
    arr.forEach((item)=>{
        if(Array.isArray(item)){
            res.push(...flattern(item));
        }else{
            res.push(item);
        }
    })
    return res;
}
flattern(arr);

/**第五种方式:递归concat */
function flattern2(arr){
    return [].concat(
        ...arr.map(item=>Array.isArray(item)? flattern2(item):item)
    )
}
flattern2(arr);

Chocolate1999 avatar Jan 25 '21 01:01 Chocolate1999

第二第三种,不符合吧! 展开后 全部转换为 number类型了,如果是其他类型的数组呢? 这样输出会改变数据类型 或者 NaN

wxwebfeng avatar Feb 20 '21 05:02 wxwebfeng

第二第三种,不符合吧! 展开后 全部转换为 number类型了,如果是其他类型的数组呢? 这样输出会改变数据类型 或者 NaN

对于当前例子而言采用的就是这几种方式

Chocolate1999 avatar Feb 20 '21 05:02 Chocolate1999

/**第六种方式:while+some遍历 */

while(arr.some(Array.isArray)){
     arr =  [].concat(...arr)
}

garmin954 avatar Feb 22 '21 02:02 garmin954

function flatFun(arr, depth = 1) { let count = 0; let result = []; const flatMap = (arr) => { arr.map((item, index, array) => { if (Array.isArray(item)) { if (count < depth) { count++; flatMap(item); } else { result.push(item); } } else { result.push(item); if (index === array.length - 1) num = 0 } }); }; flatMap(arr) return result }

123jiacheng123 avatar Feb 22 '21 07:02 123jiacheng123

No description provided. function flatFun(arr, depth = 1) { let count = 0; let result = []; const flatMap = (arr) => { arr.map((item, index, array) => { if (Array.isArray(item)) { if (count < depth) { count++; flatMap(item); } else { result.push(item); } } else { result.push(item); if (index === array.length - 1) num = 0 } }); }; flatMap(arr) return result }

maxQQ avatar Nov 28 '23 09:11 maxQQ