【前端面试】七、算法-数组展平

目录

1.判断数组

2.二维数组展平

3.多维数组展平


1.判断数组

javascript 复制代码
    // 判断数组
    console.log([].constructor === Array);

    console.log( Array.isArray([]));

    console.log( [] instanceof Array);

    console.log(Object.prototype.toString.call([]) === '[object Array]');

2.二维数组展平

javascript 复制代码
    const flattenOnce = (arr) => {
      return [].concat(...arr)
    }
    const arr1 = [1, [2, 3], [4, 5, 6], [7, 8, 9, 10]];
    console.log('flattenOnce',flattenOnce(arr1));

3.多维数组展平

递归

javascript 复制代码
    // 多维数组展平
    const arr2 = [1, [2, 3], [4, 5, 6], [7, 8, 9, 10], [11, [12, 13, [14, 15]]]];
   
    // 递归
    const flatten1 = (arr) => {
      return arr.reduce((acc, cur) => {
        return acc.concat(Array.isArray(cur) ? flatten1(cur) : cur)
      }, [])
    }
    console.log('flatten1',flatten1(arr2));

    // 递归
    const flatten2 = (arr) => {
      return [].concat(...arr.map(item => Array.isArray(item) ? flatten2(item) : item))
    }
    console.log('flatten2',flatten2(arr2));

字符串

javascript 复制代码
    function flatten3(arr) {
      return arr.toString().split(',').map(item => +item)
    }
    console.log('flatten3',flatten3(arr2));

循环

javascript 复制代码
    const flatten4 = (arr) => {
      while(arr.some(item => Array.isArray(item))) {
        arr = [].concat(...arr)
      }
      return arr
    }
    console.log('flatten4',flatten4(arr2));

栈的思想

javascript 复制代码
    const flatten5 = arr => {
      let stack = arr.slice()
      const r = []

      while (stack.length) {
        const item = stack.pop()
        if(Array.isArray(item)){
          stack = stack.concat(item) //stack.push(...item)
        } else {
          r.unshift(item)
        }
      }

      return r
    }
    console.log('flatten5',flatten5(arr2));

生成器

javascript 复制代码
    function *flatten6(arr){
      for (let i = 0; i < arr.length; i++) {
        if(Array.isArray(arr[i])) {
          yield *flatten3(arr[i])
        } else{
          yield arr[i]
        }
      }
    }
    console.log('flatten6', [...flatten6(arr2)]);

    function *flatten7(arr) {
      let stack = arr.slice()

      while (stack.length) {
        const item = stack.shift()
        if(item.constructor === Array) {
          stack = stack.concat(item) //stack.push(...item)
        } else {
         yield item
        }
      }
    }
    console.log('flatten7', [...flatten7(arr2)]);
相关推荐
yi0113 小时前
LeetCode 219:存在重复元素 II——哈希表记录“最近一次出现的位置”
数据结构·人工智能·笔记·python·算法·leetcode·哈希表
程序员Sunday4 小时前
JavaScript 事件循环面试题,宏任务与微任务怎么执行|Sunday面试指南
开发语言·javascript·面试·校招·事件循环·程序员sunday
Setsuna_F_Seiei4 小时前
前端转型 Agent 开发 06 之 Agent Memory 记忆系统(让 Agent 更智能,更懂你)
前端·agent·ai编程
zhangzeyuaaa5 小时前
Ruby 多线程、GVL(GIL)与 Mutex 完全指南
开发语言·前端·ruby
默_笙5 小时前
🌊 向量库和 ES 都查不出"关系",我只好给奶茶建了一张人脉网
前端·javascript
优选资讯5 小时前
标签打印软件怎么对接 Excel 数据
前端·excel
思无邪666 小时前
用 AI 做 JS 逆向:从抓包到复现的完整方法论
开发语言·javascript·人工智能
灯澜忆梦6 小时前
【面向对象编程C++】| 基础语法
java·c++·算法
小蒋观天下6 小时前
专项方案:大场景港口AI安防、多干扰环境下的算法调优与落地实操
人工智能·深度学习·算法·安全·机器学习·计算机视觉·ai大模型
一个风轻云淡6 小时前
GCC 和 GDB命令简单解读
java·linux·前端