Chocolate1999 / Front-end-learning-to-organize-notes

☀小狮子前端の学习☁整理笔记❤ Front-end-learning-to-organize-notes 帮你整理好前端知识体系、更高效地吸收经验成果;另附小狮子前端进阶小册食用指北,敬请关注!
https://chodocs.cn/
MIT License
1.09k stars 152 forks source link

数组扁平化 flat 的几种方式 #556

Open Chocolate1999 opened 3 years ago

Chocolate1999 commented 3 years ago
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);
wxwebfeng commented 3 years ago

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

Chocolate1999 commented 3 years ago

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

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

garmin954 commented 3 years ago

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

while(arr.some(Array.isArray)){
     arr =  [].concat(...arr)
}
123jiacheng123 commented 3 years ago

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 commented 11 months ago

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 }