算法:数组扁平化 - 前端笔记-数组扁平化的几种方式(总结出就三种方式) 递归 es6的flat函数 字符串 var arr = [1,2,[3,4,5,[6,7,8],9],10,[11,12]]...

学习笔记

点滴记忆
回忆过往
首页>> 算法 >>算法:数组扁平化 - 前端笔记
2022-8-13
分类: 算法

算法:数组扁平化

文章作者:痴迷

数组扁平化的几种方式(总结出就三种方式) 递归 es6的flat函数 字符串 var arr = [1,2,[3,4,5,[6......

数组扁平化的几种方式(总结出就三种方式)
  • 递归
  • es6的flat函数
  • 字符串
var arr = [1,2,[3,4,5,[6,7,8],9],10,[11,12]];
1. 递归模式(递归里面需要用到concat链接数组,而不是push添加元素【使用push无法平铺】)
function fn(arr) {
    let newArr = []
    arr.forEach(v => {
        // 递归 要用concat 合并数组 ,原因:递归返回的是数组
        newArr = newArr.concat(Array.isArray(v) ? fn(v) : v)
    })
    return newArr
}

2. reduce递归解法
function fReduce(arr) {
    return arr.reduce((pre, cur) => {
        return pre.concat(Array.isArray(cur) ? fReduce(cur) : cur)
    }, [])
}

3. es6 flat
function fFlat(arr) {
    return arr.flat(Infinity)
}

4. toString(toString之后会自动去掉数组的中括号,在通过split(',')合并成数组)
function fToString(arr) {
    return arr.toString().split(',')
}

5. 扩展运算符(arr.some() 会返回arr里面只要有数组就是true,在通过扩展运算符展开数组)【[].concat(...arr),会把每个元素都展开放到concat的形参上面去】
function flatten (arr) {
    while (arr.some(v=>Array.isArray(v))) {
        arr = [].concat(...arr)
    }
    return arr
}

6. json和正则过滤(转json字符串,在正则过滤掉中括号 [],在json转义一下,简直是精彩)
const flatten = (arr) => {
    let str = JSON.stringify(arr);
    str = str.replace(/(\[|\])/g,'');
    str = `[${str}]`;
    return JSON.parse(str);
  };

7. apply 改变this的指向 【注意 apply的用法】(原理和扩展运算符差不多,只是用了apply改变this指向)
function flatten(arr) {
  while (arr.some((item) => Array.isArray(item))) {
    // 改变的 concat的this指向 把arr传入进去了
    // concat 语义:数组链接concat的n个参数
    // 加上了 apply([],arr) 语义:把concat的this指向改变了,concat的this指向 [] , 参数是 arr 【已知apply的传参是数组列表,里面接收参数是arg形参】
    arr = [].concat.apply([], arr);
  }
  return arr;
}

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » 算法:数组扁平化

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)