问题的提出
假设有一个 JavaScript 原始数据是这样的:
我们期望返回的结果是这样的:
也就是把一级属性内 对象的属性提取到外层。首先我们尝试使用原生提供的方法实现。
实现方法
实现方法1:
实现方法2:
方法原理:利用 for 循环遍历原数组,将每个元素转化为一个新对象,新对象包含所需的属性。
实现方法3:
优秀类库的实现方法
JavaScript 类库中同样具有类似功能的方法包括lodash库的 .map()、.forEach()、_.reduce() 方法,以及jQuery库的 $.map() 方法等。
使用 lodash 库实现:
使用 jQuery 库实现:
小结
本文介绍了 JavaScript 数组对象属性重构的实现方法,以及一些类库的使用。熟练地操作数据结构,可以可以有效提升数据流动的效率,也是前端工程师进阶必不可少的一环。
领取专属 10元无门槛券
私享最新 技术干货