## 定义和用法
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。
array.reduce(function(total, currentValue, currentIndex, arr), initialValue);
total:必需。初始值, 或者计算结束后的返回值。
currentValue:必需。当前元素
currentIndex:可选。当前元素的索引
arr:可选。当前元素所属的数组对象。
initialValue:可选。传递给函数的初始值。
let res = { name: "andra", age: 18, sex: 'boy', addres: "china" },
obj, arr = ['name', 'age'];
obj = arr.reduce((p, n, index, localarr) => n in res && (p[n] = res[n]) && p, {})
console.log('obj: ', obj); // > obj: {name: "andra", age: 18}
该例子巧妙运用了reduce方法实现数据筛选。并利用正则表达式的特性极大的简化了代码。但是还是有一些缺陷。
let res = { name: "andra", age: 18, sex: 'boy', addres: "china" },
obj, arr = ['name', 'habit', 'age'];
obj = arr.reduce((p, n, index, localarr) => n in res && (p[n] = res[n]) && p, {})
console.log('obj: ', obj);// > obj: false
我们平时实战更多的应用场景通常是筛选比较两个数组或者对象,返回对象或数组包含二者相同属性。二者有交集但是并不彼此包含。这样上述返回的正则表达式就会有这么一个bug,当 n 不存在与 res对象里的话。该表达式会返回false并跳出当前循环,这样我们就拿不到我们预期的结果。所以:
let res = { name: "andra", age: 18, sex: 'boy', addres: "china" },
obj, arr = ['name', 'habit', 'age'];
obj = arr.reduce((p, n, index, localarr) => n in res ? (p[n] = res[n]) && p : p, {})
console.log('obj: ', obj);
我觉得还是需要使用三元运算来做一个比较,这样即使n 不存在 res对象里,我们依然保证循环继续往下执行。