reduce

reduce

 reduce(callback,initiaValue)会传入两个变量,回调函数(callback)和初始值(initiaValue)1.只传回调函数 prev只取数组的第一个元素 next从数组的第二个元素开始一直往下取var arr = ["a", "b", "c", "d", "e", "f"];function noPassValue() {return arr.reduce(function(prev, next) {console.log("prev:", prev);console.log("next:", next);// =>//   prev: a;//   next: b;//   prev: a;//   next: c;//   prev: a;//   next: d;//   prev: a;//   next: e;//   prev: a;//   next: f;return prev;});}console.log(noPassValue());=> a2.传入回调函数和初始值时 prev只取初始值 next从数组的第一个元素开始一直往下取var arr = ["a", "b", "c", "d", "e", "f"];function passValue() {return arr.reduce(function(prev, next) {console.log("prev:", prev);console.log("next:", next);// =>// prev: {}// next: a// prev: {a: 1}// next: b// prev: {a: 1, b: 1}// next: c// prev: {a: 1, b: 1, c: 1}// next: d// prev: {a: 1, b: 1, c: 1, d: 1}// next: e// prev: {a: 1, b: 1, c: 1, d: 1, e: 1}// next: fprev[next] = 1;return prev;}, {});}console.log(passValue());=> {a: 1, b: 1, c: 1, d: 1, e: 1, f: 1}reduce的应用1.数组求和var arr = [1, 2, 3, 4];var sum = arr.reduce(function(total, currentValue) {console.log(total, currentValue);// => 1, 2 3, 3 6, 4return total + currentValue; // => 每次把相加后返回的数据作为数组的第一个元素});console.log(sum); // => 10var eachSum = 0;arr.forEach(function(currentValue) {eachSum += currentValue;});console.log(eachSum); // => 102.合并二维数组 与 Object.entries(obj)互逆var twoArr = [["mu", "zi"],["dig", "big"],["lucky", "jiji"]];var oneArr = twoArr.reduce(function(total, currentValue) {console.log(total);// =>  ["mu", "zi"] ["mu", "zi", "dig", "big"]return total.concat(currentValue);});console.log(oneArr);// =>  ["mu", "zi", "dig", "big", "lucky", "jiji"]3.统计一个数组中有多少个重复的单词不用reduce时:var arr = ["apple", "orange", "apple", "orange", "pear", "orange"];function getWordCnt() {var obj = {};for (var i = 0, l = arr.length; i < l; i++) {var item = arr[i];obj[item] = obj[item] + 1 || 1;}return obj;}console.log(getWordCnt()); // => {apple: 2, orange: 3, pear: 1}// 用reduce时:var arr = ["apple", "orange", "apple", "orange", "pear", "orange"];function getWordCnt() {return arr.reduce(function(prev, next) {prev[next] = prev[next] + 1 || 1;return prev;}, {});}console.log(getWordCnt()); // => {apple: 2, orange: 3, pear: 1}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407477.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS之Screen视图属性

1.availWidth和availHeight availWidth和availHeight返回的是显示器可用宽高&#xff0c;注意不包括开始菜单栏这种东东的高度和宽度 2.colorDepth 表示显示器的颜色深度 3.width和height 表示显示器屏幕的宽高&#xff0c;和availWidth和availHeight的区别是返回的宽高包含…

[Linux C]递归遍历指定目录下的子目录和文件

/*功能&#xff1a;演示了在Linux下利用C语言递归遍历指定目录下的子目录(不含隐藏目录)和文件*/#include <stdio.h>#include <dirent.h>#include <string.h>void List(char *path){struct dirent *ent NULL;DIR *pDir;if((pDir opendir(path)) ! NULL){wh…

Java的多进程运行模式分析

本文曾发表于天极网&#xff1a;http://dev.yesky.com/284/2659284.shtml一般我们在java中运行其它类中的方法时&#xff0c;无论是静态调用&#xff0c;还是动态调用&#xff0c;都是在当前的进程中执行的&#xff0c;也就是说&#xff0c;只有一个java虚拟机实例在运行。而有…

HDU 2594 Simpsons’ Hidden Talents (字符串-KMP)

Simpsons’ Hidden Talents Problem DescriptionHomer: Marge, I just figured out a way to discover some of the talents we weren’t aware we had.Marge: Yeah, what is it?Homer: Take me for example. I want to find out if I have a talent in politics, OK?Marge: …

微信小程序几种常用弹窗提示

第一种&#xff1a;弹出提示框&#xff0c;可以选择确定或者取消。 代码&#xff1a;wx.showModal({title: 提示,content: 这是一个模态弹窗,success: function (res) {if (res.confirm) {//这里是点击了确定以后console.log(用户点击确定)} else {//这里是点击了取消以后conso…

[bash]删除文件中含特定字符串的行

]删除文件中含特定字符串的行[bash]: sed -e /abc/d a.txt // 删除a.txt中含"abc"的行&#xff0c;但不改变a.txt文件本身&#xff0c;操作之后的结果在终端显示 sed -e /abc/d a.txt > a.log // 删除a.txt中含"abc"的行&#xff0c;将操作之后的…

CSS之文档视图(DocumentView)和元素视图(ElementView)方法

1.elementFromPoint() 返回给定坐标处的元素。是个在目前而言&#xff0c;兼容性不错的方法 将给定位置处(100,100)的元素的字体颜色设置为红色 2.getBoundingClientRect() 返回的是返回的是一个对象&#xff0c;包含 top, left, right, 和 bottom四个属性值&#xff0c;大小…

谈CRM产品设计的指导思想

客户关系管理&#xff08;CRM&#xff09;其本意强调的是对客户“关系”进行有效管理&#xff0c;从而达到维持较高的客户占有率&#xff08;customershare&#xff09;的目的。所谓关系&#xff0c;是指两个事物之间其中的一方对另一方的行为方式以及感受状态。所以&#xff0…

try catch finally

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>try catch finally</title><script>// 异常最大的特征,就是一旦出现异常,后面的代码将不会再执行// 那为了保证后面的代码在出现异常之后…

Java笔记-IO流的运用

--如果朋友您想转载本文章请注明转载地址"http://www.cnblogs.com/XHJT/p/3877386.html "谢谢-- 1.InputStream和System.in&#xff08;Scanner&#xff09; InputStream 输出流以字节为单位来获取数据&#xff0c;且需要复杂的判断并创建字节数组作为缓冲 另外字节转…

[Bash]kill指定的进程名

通过bash来kill指定的进程名&#xff0c;bash文件名为&#xff1a;/home/zcm/bin/d.sh&#xff0c;内容如下&#xff1a; #!/bin/shif [ "$1" "" ]; thenecho "Usage: sh $0 <processname>"exit 0fi#s1ps -ef|grep $1|grep -v grep|awk …

CSS之元素视图属性

1.clientLeft和clientTop 返回的是内容区域的左上角相对于整个元素左上角的位置&#xff08;包括边框&#xff09; 2.clientWidth和clientHeight 表示内容区域的高度和宽度&#xff0c;包括padding大小&#xff0c;但是不包括边框和滚动条 3.offsetLeft和offsetTop offsetLe…

阿里巴巴指东打西,PC之后卖盒饭?

这两天&#xff0c;看到了数篇关于阿里巴巴的报道&#xff0c;核心内容都是阿里巴巴联手英特尔&#xff0c;发起主题为“助力中国”的电子商务推动计划&#xff0c;并将推出面向中小企业电子商务专用电脑的消息。从报道看&#xff0c;阿里巴巴将同英特尔合作&#xff0c;推出贴…

SQL-MSSQL-CODE大全

SqlServer数据库语句大全 /*********************************************************/ 目录清单CONTEXT LIST /*********************************************************/ 1.数据库DataBase 1.1数据库建立/删除create/drop database 1.2数据库备份与恢复backup/restore d…

JS中的bind()方法

Function.prototype.bind()方法 bind()方法主要就是将函数绑定到某个对象&#xff0c;bind()会创建一个函数&#xff0c;函数体内的this对象的值会被绑定到传入bind()第一个参数的值&#xff0c;例如&#xff0c;f.bind(obj)&#xff0c;实际上可以理解为obj.f()&#xff0c;这…

Vue之Vue.set动态新增对象属性

当我们给一个比如props中&#xff0c;或者data中被观测的对象添加一个新的属性的时候&#xff0c;不能直接添加&#xff0c;必须使用Vue.set方法 Vue.set方法用来新增对象的属性。如果要增加属性的对象是响应式的&#xff0c;那该方法可以确保属性被创建后也是响应式的&#x…

[精华] VI高级命令集锦

鉴于大家在使用VI 的时候有一定的陌生&#xff0c;在这里借花献佛&#xff0c;从兄弟版[SHELL]中整理出以下关于VI编程的高级技巧&#xff0c;希望对大家学习UNIX有所帮助&#xff0c;并希望大家能结合使用HPUX的心得体会对这些经验进行进一步的扩展。1.交换两个字符位置xp2.上…