如何高效的处理数组映射

  • 在处理数据的时候,经常需要对数据进行过滤和遍历,以便把数据转换成符合我们要求的格式,比如下面的场景:

过滤掉名字为空的数据,如果年龄小于18,设置disabled: true,大于等于18,设置disabled: false

// 原始数据
[{name: '小明', age: 15}, {name: '张三', age: 18}, {name: '李四', age: 20}, {name: '', age: 30}]

// 转换后数据
[{name: '小明', age: 15, disabled: true}, {name: '张三', age: 18, disabled: false}, {name: '李四', age: 20, disabled: false}]

  • 对于大多数开发者来说,首先能想到的方法应该是filter和map。
[{name: '小明', age: 15}, {name: '张三', age: 18}, {name: '李四', age: 20}, {name: '', age: 30}].filter(item => item.name).map(item => ({...item, disabled: item.age >= 18 ? false : true}))

虽然这种方式要遍历两次,不过个人觉得还算简单,那能不能遍历一次就能解决呢。显然是可以的,使用Array.flatMap()

[{name: '小明', age: 15}, {name: '张三', age: 18}, {name: '李四', age: 20}, {name: '', age: 30}].flatMap(item => item.name ? [{...item, disabled: item.age >= 18 ? false : true}] : [])

如何高效的处理数组映射

flatMap更像是map和filter的结合体,但flatMap的功能更强大一些,它让我们可以更细微的操作数组中的每一项,比如:

const arr = [1,3].flatMap(number => {
  return [number, 2 * number, 3 * number];
})

// [1, 2, 3, 3, 6, 9]

flatMap的工作方式很简单,他会对数组中的每一项进行一次扁平化处理,因此示例返回的等价于[...[1,2,3], ...[3,6,9]]。如果要拍平一个二维数组,可以直接使用[[2,3],4].flatMap(item => item),当然拍平数组最简单的方式是用[[2,3],4].flat(Infinity)

如何高效的处理数组映射首发于聚享小站,如果对您有帮助,不要忘记点赞支持一下呦

上一篇:阿里云服务器安全知识:服务器被黑客攻击?或许这些行为你从未在意过


下一篇:机试7---斐波那契数列