lambda+reduce的一句艰深代码

2023-11-04 22:50

本文主要是介绍lambda+reduce的一句艰深代码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

一句话一脸懵逼

某天晚上看到一句lambda+reduce 组合的代码,看的头都炸了,愣是没看懂,不过也可能因为稀疏的脑神经经过一天的摧残已经运转不动了,这两天拿出来一看,一不留神理通了。

代码如下:

// lambda & reduce & simple recursive
const flatten = arr => arr.reduce((a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
);

第一眼看到这句代码我的心情是懵逼的,不知道路人是什么感觉,如果你一眼扫过能看懂,我只能膜拜一下:大神!至少具备js的神格。

 

工程学作文: 单元 - 集成

先分别解读 lambda & reduce ,然后再整体剖析。。。

lambda

lambda表达式,是实现函数式编程、管道(pipe)结构、回调函数等的一快捷方式,它可以使代码变简洁优雅,同时,它也会使代码变得更晦涩。

书写格式:

(a,b...) => exp
//相当于
function(a,b...){return exp...
}/*** 可以简单理解为 * 左侧(a,b...)为参数列表 * 右侧exp 表达式为函数所要执行的动作,* 这个动作的执行结果作为返回数据*/

 

reduce

reduce是js数组操作的一个函数,在做统计计量的时候会经常用到,在任何有关于reduce的介绍的地方,都会称之为一个累加器。

 /*** reduce的调用方式* callback为回调函数, initialValue 可选参数  初始值*/arr.reduce(callback, initialValue);/*** 回调函数包括四个可选参数* ① previousValue 上一次调用 callback返回的值, 如果当前是第一次调用,则为initialValue的值*   如果调用reduce的时候没有传入initialValue的值,则为数组下标为0的值* ② currentValue & currentIndex 当前数组中被处理的值与其下标 ,如果没有传入initialValue的值,下标从1开始*   (下标为0的值已被previousValue占据)* ③ array 调用reduce的数组*/var callback=function(previousValue, currentValue, currentIndex, array){// do sth...};

为了加深对这个函数的理解(总之以一切方式减少懵逼度),自我实现如下(省略测试过程):

Array.prototype.myReduce=function(callback,initialValue){if(initialValue==undefined){previousValue= this[0];currentValue = this[1];currentIndex = 1;} else{previousValue= initialValue;currentValue = this[0];currentIndex = 0;}for(var i=currentIndex; i<this.length;i++){previousValue=callback(previousValue,currentValue,currentIndex,this);currentValue =this[i+1];currentIndex =i+1;}return previousValue;
};

如果你想查看有关 reduce 的详细介绍,请点击:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce_clone

回归总体
// 原始代码
// const flatten = arr => arr.myReduce(
// 	(a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
// );// 拆除lambda 得 (这里可以看到,flatten 算法实际上返回的是一个数组)
var flatten=function(arr){return arr.myReduce(function(a, b){return a.concat( Array.isArray(b) ? flatten(b) : b );},[]);
};/*** 如果你看懂了myReduce的逻辑, 那么 a,b 的意义应该不难于理解* a(previousValue), 因为reduce传入了initialValue [] 所以首次调用回调 a == []* b(currentValue) , 首次调用下标为 0** a.concat( Array.isArray(b) ? flatten(b) : b )* 循环遍历数组中的每个元素, 如果是数组 则将执行过flatten算法后得到的数组连接入a ,否则 将其连接入a** 回调函数将 类型为数组的数组元素 连接入上层数组,实际上是在降维* flatten算法通过reduce的数组循环遍历和自递归实际上是在将多维数组化为一维 */

 

下面来做两个测试:

var test1 = [[0, 1], [2, 3], [4, 5]];
var test2 = [0, [1, [2, [3, [4, [5]]]]]];console.log(flatten(test1));
console.log(flatten(test2));

 

结果:

路过老铁 如果对算法感兴趣的话,欢迎一起来 抱拳!

 

转载于:https://my.oschina.net/lonelydawn/blog/827615

这篇关于lambda+reduce的一句艰深代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/345703

相关文章

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》:本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句(1)条件语句的定义(2)条件语句的语法(a)单分支 if(b)双分支 if-else(

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例

nginx-rtmp-module模块实现视频点播的示例代码

《nginx-rtmp-module模块实现视频点播的示例代码》本文主要介绍了nginx-rtmp-module模块实现视频点播,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习... 目录预置条件Nginx点播基本配置点播远程文件指定多个播放位置参考预置条件配置点播服务器 192.

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...