首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于 js 数组属性重构,我是这样子做的

问题的提出

假设有一个 JavaScript 原始数据是这样的:

我们期望返回的结果是这样的:

也就是把一级属性内  对象的属性提取到外层。首先我们尝试使用原生提供的方法实现。

实现方法

实现方法1:

实现方法2:

方法原理:利用 for 循环遍历原数组,将每个元素转化为一个新对象,新对象包含所需的属性。

实现方法3:

优秀类库的实现方法

JavaScript 类库中同样具有类似功能的方法包括lodash库的 .map()、.forEach()、_.reduce() 方法,以及jQuery库的 $.map() 方法等。

使用 lodash 库实现:

使用 jQuery 库实现:

小结

本文介绍了 JavaScript 数组对象属性重构的实现方法,以及一些类库的使用。熟练地操作数据结构,可以可以有效提升数据流动的效率,也是前端工程师进阶必不可少的一环。

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

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券