首页
学习
活动
专区
工具
TVP
发布

ES6 换种思路处理数据

英文:Shivek Khurana 译文:一歩

https://segmentfault.com/a/1190000013099221

看完本文,希望可以写出更加漂亮、简洁、函数式的代码

reduce

reduce 可以用来 数据。

把一个对象数组变成一个以数组中各个对象的 id 为属性名,对象本身为属性值的对象。haoduoshipin(http://haoduoshipin.com/videos/240/)

map

map 可以理解为是数组的转换器,依次对数组中的每个元素做变换进而得到一个新的数组。

find

筛选出数组中的 元素。

唉~ 使用了半年的 es6才发现有这么好用的东西,译者傻缺还像下面这么写过呢。

filter

筛选出数组中 符合条件的元素组成新的数组。

请大家自行思考下 和 的区别

数组concat

对象操作

对象是引用传参的,所以函数内部应该尽可能的保证传入的参数不受到污染。

为对象动态地添加字段

将对象转换为query字符串

得到对象数组的元素 index

更加优雅的写法呱呱呱提供:

删除对象的某个字段

这里我认为原作者有点为了函数式编程而函数式了,下面是我的解决方案:

以上代码片段的共同原则:不改变原数据。希望大家的代码都可以尽可能的简洁,可维护。

觉得本文对你有帮助?请分享给更多人

关注「前端大全」,提升前端技能

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180209B0E4KA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券