13518219792
这篇文章主要介绍“从数组Reduce中构建Map等12个函数的方法教程”，在日常操作中，相信很多人在从数组Reduce中构建Map等12个函数的方法教程问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”从数组Reduce中构建Map等12个函数的方法教程”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
网站设计、成都网站设计,成都做网站公司-成都创新互联公司已向成百上千家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。
Reduce的核心在于降维，将数组reduce为一个值，比如求和：
const arr = [52, 71, 27, 38]; const sum = (x, y) => x + y; const cusSum = arr.reduce(sum, 0);
将reduce作为思考工具，脑子中要始终留有 initial-value 初始值。
map是数学思维而直接入编程，从reduce中模拟构建为：
const cusMap = (arr, fn) => arr.reduce((x, y) => x.concat(fn(y)), []);
三、构建 array.flat array.flatMap 拍平数组
从array.flat我们窥探到 declaratively 编程的优势，只须将精力专注到要完成的任务上，而不必理会实现细节。用 reduce 实现为：
当只 flat 到一层深度时候：
# flat only to one level const flat1 = arr => [].concat(...arr); const flat2 = arr = arr.reduce(acc, v => acc.concat(v), [])
当需要 flat 到任意深度时， 用 reduce 完全重构 flat:
if (!Array.prototype.flat) { Array.prototype.flat = function(n = 1) { this.flatAllX = () => this.reduce( (f, v) => f.concat(Array.isArray(v) ? v.flat(Infinity) : v), [] ); this.flatOneX = () => this.reduce((f, v) => f.concat(v), []); return n === Infinity ? this.flatAllX() : n === 1 ? this.flatOneX() : this.flatOneX().flat(n - 1); }; }为什么要用 reduce 重新构建，因为能够帮助在头脑中始终擦亮 function 与 最终输出 acculator 的概念。
const cusFilter = (arr, fn) => arr.reduce((acc, val) => (fn(val) ? acc.concat(y) : acc), []);
array.filter将会筛选出来全部的符合要求的元素，当我们只要单个元素的时候则应用 array.find.
const cusFind = arr.reduce((acc, val) => (acc === undefined && fn(val) ? val : acc), undefined);
重新构建 array.findIndex:
const cusFindIndex = arr.reduce((x, y, i) => (x == -1 && fn(y) ? i : x), -1);
进而，我们用 find 与 findIndex 简单的构建 includes 与 indexOf。
arr.includes(value); // arr.find(v => v === value) arr.indexOf(value); // arr.findIndex(v => v === value)
array 与 some 两函数虽然简单，思考和使用的时候尤其顺手。
// arr.every(fn); arr.reduce((a, v) => a && fn(v), true); // a for accumulator, // arr.some(fn); arr.reduce((a, v) => a|| fn(v), false); // v for value
到此，关于“从数组Reduce中构建Map等12个函数的方法教程”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
