实现JavaScript数组拍平/扁平化的方法-白红宇的个人博客

发布日期：2021-05-10 03:43:15 浏览次数：14 分类：精选文章

本文共 1157 字，大约阅读时间需要 3 分钟。

实现JavaScript数组拍平/扁平化的方法

当需要将嵌套的数组展开成一个一维数组时，可以采用多种方法。以下是一些常用的实现方式：

使用toString方法

将数组转换为字符串，然后用split分割为数组，再将每个元素转换为数字类型。

var arr = ['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4];  function flat(arr) {      return arr.toString().split(',').map(function(item) {          return Number(item)      })  }  console.log(flat(arr));

使用reduce特性

利用reduce方法递归地处理数组，将嵌套数组展开。

function flat(arr) {      return arr.reduce((acc, item) => {          if (Array.isArray(item)) {              return acc.concat(item);          } else {              return acc.concat([item]);          }      }, [])  }  var arr = ['a', ['b', 'c'], '2', ['d', 'e', 'f'], 'g', 3, 4];  console.log(flat(arr));

递归方法

递归遍历数组，检查每个元素是否是数组，如果是则继续递归，否则将其添加到结果数组中。

function flat(array) {      var result = [];      var each = function(arr) {          arr.forEach(item => {              if (Array.isArray(item)) {                  each(item);              } else {                  result.push(item);              }          });      };      each(array);      return result.join(',');  }  var arr = ['a', ['b', 'c', [7, 8]], 2, ['d', 'e', 'f'], 'g', 3, 4];  console.log(flat(arr));

这些方法各有优劣，选择取决于具体需求和性能要求。

上一篇：微信小程序 - 实现左滑动删除功能

下一篇：常见的面向对象的面试题(附答案)

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章