如我们所知,JavaScript是当今流行语言中对函数式编程支持最好的编程语言。而函数式编程"从一到无穷”的起点是 reduce,本文我们将尝试从 reduce 起步构建所有的其他函数。
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出发,将其他几个高阶函数全部模拟出来,reduce模拟帮助我们强化对每个函数中输入的arguments与输出的 result 的辨识。
3月5日 记者采访获悉 江门农商银行日前完成自助分析平台的升级换代 由阿里云云原...
本文转载自微信公众号「bugstack虫洞栈」,作者小傅哥。转载本文请联系bugstack...
对于许多组织来说,在冠状病毒疫情持续蔓延期间,云计算和边缘计算对维持其业务...
在之前南丁格尔玫瑰图的介绍中,我们把各个国家的疫情数据以玫瑰图的形式进行了...
是不是还在膜拜抖音大神熟练的EXCEL万能一秒钟?是不是还在死记硬背各种EXCEL快捷...
[中国,上海,2021年2月25日]在MWC 2021上海智能自治网络峰会上,华为数字转型首...
很多企业普遍认为,迁移到云端会扩大攻击面,因此,在云端存储数据不如在本地存...
基于阿里巴巴自身建设经验,为区域快速构建多维度、鲜活、独特的信用体系,并以...
1. 背景 以图搜图在生活中有着广泛的应用, 当我们在电视上看到有人穿着一件美丽...
Redis 在日常的开发中,会积累大量的 Key,占用不少内存空间。有时候,我们想知...