JavaScript數(shù)組(Array)方法大全

js中數(shù)組的方法種類眾多诈乒,有ES5之前版本中存在的漆羔,ES5新增戏羽,ES6新增等担神;并且數(shù)組的方法還有原型方法和從object繼承的方法,這里我們只介紹數(shù)組在每個版本中原型上的方法始花。

一妄讯、在使用數(shù)組的方法之前,需要先創(chuàng)建數(shù)組衙荐,創(chuàng)建數(shù)組有以下方式:

字面量方式(json方式)

vararr1=[];//創(chuàng)建一個空數(shù)組vararr2=[5];//創(chuàng)建一個具有單個元素的數(shù)組vararr3=[5,6,7];//創(chuàng)建一個具有多個元素的數(shù)組

構(gòu)造函數(shù)方式

vararr1=newArray();//創(chuàng)建一個空數(shù)組vararr2=newArray(5);//創(chuàng)建一個長度為5捞挥,值為空的數(shù)組vararr3=newArray(5,6,7);//創(chuàng)建一個具有多個元素的數(shù)組

二、數(shù)組方法概括

方法名對應(yīng)版本功能原數(shù)組是否改變

concat()ES5-合并數(shù)組忧吟,并返回合并之后的數(shù)據(jù)n

join()ES5-使用分隔符,將數(shù)組轉(zhuǎn)為字符串并返回n

pop()ES5-刪除最后一位斩披,并返回刪除的數(shù)據(jù)y

shift()ES5-刪除第一位溜族,并返回刪除的數(shù)據(jù)y

unshift()ES5-在第一位新增一或多個數(shù)據(jù),返回長度y

push()ES5-在最后一位新增一或多個數(shù)據(jù)垦沉,返回長度y

reverse()ES5-反轉(zhuǎn)數(shù)組煌抒,返回結(jié)果y

slice()ES5-截取指定位置的數(shù)組,并返回n

sort()ES5-排序(字符規(guī)則)厕倍,返回結(jié)果y

splice()ES5-刪除指定位置寡壮,并替換,返回刪除的數(shù)據(jù)y

toString()ES5-直接轉(zhuǎn)為字符串讹弯,并返回n

valueOf()ES5-返回數(shù)組對象的原始值n

indexOf()ES5查詢并返回數(shù)據(jù)的索引n

lastIndexOf()ES5反向查詢并返回數(shù)據(jù)的索引n

forEach()ES5參數(shù)為回調(diào)函數(shù)况既,會遍歷數(shù)組所有的項,回調(diào)函數(shù)接受三個參數(shù)组民,分別為value棒仍,index,self臭胜;forEach沒有返回值n

map()ES5同forEach莫其,同時回調(diào)函數(shù)返回數(shù)據(jù),組成新數(shù)組由map返回n

filter()ES5同forEach耸三,同時回調(diào)函數(shù)返回布爾值乱陡,為true的數(shù)據(jù)組成新數(shù)組由filter返回n

every()ES5同forEach,同時回調(diào)函數(shù)返回布爾值仪壮,全部為true憨颠,由every返回truen

some()ES5同forEach,同時回調(diào)函數(shù)返回布爾值睛驳,只要由一個為true烙心,由some返回truen

reduce()ES5歸并膜廊,同forEach,迭代數(shù)組的所有項淫茵,并構(gòu)建一個最終值爪瓜,由reduce返回n

reduceRight()ES5反向歸并,同forEach匙瘪,迭代數(shù)組的所有項铆铆,并構(gòu)建一個最終值,由reduceRight返回n

三丹喻、方法詳解

1.concat()

功能:用于連接兩個或多個數(shù)組薄货,該方法不會改變現(xiàn)有的數(shù)組,而僅僅會返回被連接數(shù)組的一個副本碍论。

參數(shù):concat(data1,data2,...);所有參數(shù)可選谅猾,要合并的數(shù)據(jù);data為數(shù)組時鳍悠,將data合并到原數(shù)組税娜;data為具體數(shù)據(jù)時直接添加到原數(shù)組尾部;省略時創(chuàng)建原數(shù)組的副本藏研。

vararr1=[1,2,3]vararr2=arr1.concat();console.log(arr1);//[1,2,3]---原數(shù)組console.log(arr1===arr2);//falseconsole.log(arr2);//[1,2,3]---原數(shù)組的副本console.log(arr1.concat("hello","world"));//[1,2,3,"hello","world"]console.log(arr1.concat(["a","b"],[[3,4],{"name":"admin"}]));//[1,2,3,"a","b",[3,4],{"name":"admin"}]console.log(arr1);//[1,2,3]---原數(shù)組未改變

2.join()

功能:根據(jù)指定分隔符將數(shù)組中的所有元素放入一個字符串敬矩,并返回這個字符串。

參數(shù):join(str);參數(shù)可選蠢挡,默認為","號弧岳,以傳入的字符作為分隔符。

vararr=[1,2,3];console.log(arr.join());//1,2,3console.log(arr.join("-"));//1-2-3console.log(arr);//[1,2,3]---原數(shù)組未改變

3.pop()

功能:方法用于刪除并返回數(shù)組的最后一個元素业踏。

參數(shù):

vararr=[1,2,3];console.log(arr.pop());//3console.log(arr);//[1,2]---原數(shù)組改變

4.shift()

功能:方法用于刪除并返回數(shù)組的第一個元素禽炬。

參數(shù):

vararr=[1,2,3]console.log(arr.shift());//1console.log(arr);//[2,3]---原數(shù)組改變

5.unshift()

功能:向數(shù)組的開頭添加一個或更多元素,并返回新的長度堡称。

參數(shù):unshift(newData1, newData2, ......)

vararr=[1,2,3];console.log(arr.unshift("hello"));//4console.log(arr);//["hello",1,2,3]---原數(shù)組改變console.log(arr.unshift("a","b"));//6console.log(arr);//["a","b","hello",1,2,3]---原數(shù)組改變

6.push()

功能:向數(shù)組的末尾添加一個或更多元素瞎抛,并返回新的長度。

參數(shù):push(newData1, newData2, ......)

vararr=[1,2,3];console.log(arr.push("hello"));//4console.log(arr);//[1,2,3,"hello"]---原數(shù)組改變console.log(arr.push("a","b"));//6console.log(arr);//[1,2,3,"hello","a","b"]---原數(shù)組改變

7.reverse()

功能:顛倒數(shù)組中元素的順序却紧。

參數(shù):

vararr=[1,2,3];console.log(arr.reverse());//[3,2,1]console.log(arr);//[3,2,1]---原數(shù)組改變

8.slice()

功能:可從已有的數(shù)組中返回選定的元素桐臊。該方法接收兩個參數(shù)slice(start,end),strat為必選晓殊,表示從第幾位開始断凶;end為可選,表示到第幾位結(jié)束(不包含end位)巫俺,省略表示到最后一位认烁;start和end都可以為負數(shù),負數(shù)時表示從最后一位開始算起,如-1表示最后一位却嗡。

參數(shù):slice(startIndex, endIndex)

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.slice(1,3));//["Jack","Lucy"]console.log(arr.slice(1));//["Jack","Lucy","Lily","May"]console.log(arr.slice(-4,-1));//["Jack","Lucy","Lily"]console.log(arr.slice(-2));//["Lily","May"]console.log(arr.slice(1,-2));//["Jack","Lucy"]console.log(arr);//["Tom","Jack","Lucy","Lily","May"]---原數(shù)組未改變

9.sort()

功能:對數(shù)組中的元素進行排序舶沛,默認是升序。

vararr=[6,1,5,2,3];console.log(arr.sort());//[1, 2, 3, 5, 6]console.log(arr);//[1, 2, 3, 5, 6]---原數(shù)組改變

但是在排序前窗价,會先調(diào)用數(shù)組的toString方法如庭,將每個元素都轉(zhuǎn)成字符之后,再進行排序撼港,此時會按照字符串的排序坪它,逐位比較,進行排序帝牡。

vararr=[6,1024,52,256,369];console.log(arr.sort());//[1024, 256, 369, 52, 6]console.log(arr);//[1024, 256, 369, 52, 6]---原數(shù)組改變

參數(shù):sort(callback)

如果需要按照數(shù)值排序往毡,需要傳參。sort(callback)靶溜,callback為回調(diào)函數(shù)开瞭,該函數(shù)應(yīng)該具有兩個參數(shù),比較這兩個參數(shù)罩息,然后返回一個用于說明這兩個值的相對順序的數(shù)字(a-b)惩阶。其返回值如下:

若 a 小于 b,返回一個小于 0 的值扣汪。

若 a 等于 b,則返回 0锨匆。

若 a 大于 b崭别,則返回一個大于 0 的值。

vararr=[6,1024,52,256,369];console.log(arr.sort(fn));//[6, 52, 256, 369, 1024]console.log(arr);//[6, 52, 256, 369, 1024]---原數(shù)組改變functionfn(a,b){returna-b;}

10.splice()

功能:向數(shù)組中添加恐锣,或從數(shù)組刪除茅主,或替換數(shù)組中的元素,然后返回被刪除/替換的元素土榴。

參數(shù):splice(start,num,data1,data2,...); 所有參數(shù)全部可選诀姚。

1>不傳參時:無操作

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.splice());//[]console.log(arr);//["Tom","Jack","Lucy","Lily","May"]---無操作

2>只傳入start:表示從索引為start的數(shù)據(jù)開始刪除,直到數(shù)組結(jié)束

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.splice(2));//["Lucy","Lily","May"]console.log(arr);//["Tom","Jack"]---原數(shù)組改變

3>傳入start和num:表示從索引為start的數(shù)據(jù)開始刪除玷禽,刪除num個

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.splice(2,2));//["Lucy","Lily"]console.log(arr);//["Tom","Jack","May"]---原數(shù)組改變

4>傳入更多:表示從索引為start的數(shù)據(jù)開始刪除赫段,刪除num個,并將第三個參數(shù)及后面所有參數(shù)矢赁,插入到start的位置

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.splice(2,2,"a","b"));//["Lucy","Lily"]console.log(arr);//["Tom","Jack","a","b","May"]---原數(shù)組改變

5>傳入更多:表示從索引為start的數(shù)據(jù)開始刪除糯笙,刪除num個,并將第三個參數(shù)及后面所有參數(shù)撩银,插入到start的位置

var arr=["Tom","Jack","Lucy","Lily","May"];console.log(arr.splice(2,0,"a","b"));//[]console.log(arr);//["Tom","Jack","a","b","Lucy","Lily","May"]---原數(shù)組改變

11.toString()

功能:轉(zhuǎn)換成字符串给涕,類似于沒有參數(shù)的join()。該方法會在數(shù)據(jù)發(fā)生隱式類型轉(zhuǎn)換時被自動調(diào)用,如果手動調(diào)用够庙,就是直接轉(zhuǎn)為字符串恭应。

參數(shù):

vararr=[1,2,3];console.log(arr.toString());//1,2,3console.log(arr);//[1,2,3]---原數(shù)組未改變

12.valueOf()

功能:返回數(shù)組的原始值(一般情況下其實就是數(shù)組自身),一般由js在后臺調(diào)用耘眨,并不顯式的出現(xiàn)在代碼中

參數(shù):

vararr=[1,2,3];console.log(arr.valueOf());//[1,2,3]console.log(arr);//[1,2,3]//為了證明返回的是數(shù)組自身console.log(arr.valueOf()==arr);//true

13.indexOf()

功能:根據(jù)指定的數(shù)據(jù)昼榛,從左向右,查詢在數(shù)組中出現(xiàn)的位置毅桃,如果不存在指定的數(shù)據(jù)褒纲,返回-1。該方法是查詢方法钥飞,不會對數(shù)組產(chǎn)生改變莺掠。

參數(shù):indexOf(value, start);value為要查詢的數(shù)據(jù);start為可選读宙,表示開始查詢的位置彻秆,當start為負數(shù)時,從數(shù)組的尾部向前數(shù)结闸;如果查詢不到value的存在唇兑,則方法返回-1

vararr=["h","e","l","l","o"];console.log(arr.indexOf("l"));//2console.log(arr.indexOf("l",3));//3console.log(arr.indexOf("l",4));//-1console.log(arr.indexOf("l",-1));//-1console.log(arr.indexOf("l",-3));//2

14.lastIndexOf()

功能:根據(jù)指定的數(shù)據(jù),從右向左桦锄,查詢在數(shù)組中出現(xiàn)的位置扎附,如果不存在指定的數(shù)據(jù),返回-1结耀。該方法是查詢方法留夜,不會對數(shù)組產(chǎn)生改變。

參數(shù):lastIndexOf(value, start);value為要查詢的數(shù)據(jù)图甜;start為可選碍粥,表示開始查詢的位置,當start為負數(shù)時黑毅,從數(shù)組的尾部向前數(shù)嚼摩;如果查詢不到value的存在,則方法返回-1

vararr=["h","e","l","l","o"];console.log(arr.lastIndexOf("l"));//3console.log(arr.lastIndexOf("l",3));//3console.log(arr.lastIndexOf("l",1));//-1console.log(arr.lastIndexOf("l",-3));//2console.log(arr.lastIndexOf("l",-4));//-1

15.forEach()

功能:ES5新增方法矿瘦,用來遍歷數(shù)組枕面,該方法沒有返回值。forEach接收的回調(diào)函數(shù)會根據(jù)數(shù)組的每一項執(zhí)行匪凡,該回調(diào)函數(shù)默認有三個參數(shù)膊畴,分別為:遍歷到的數(shù)組的數(shù)據(jù),對應(yīng)的索引病游,數(shù)組自身唇跨。

參數(shù):forEach(callback);callback默認有三個參數(shù)稠通,分別為value,index买猖,self改橘。

vararr=["Tom","Jack","Lucy","Lily","May"];vara=arr.forEach(function(value,index,self){console.log(value+"--"+index+"--"+(arr===self));})// 打印結(jié)果為:// Tom--0--true// Jack--1--true// Lucy--2--true// Lily--3--true// May--4--trueconsole.log(a);//undefined---forEach沒有返回值//該方法為遍歷方法,不會修改原數(shù)組

16.map()

功能:1.同forEach功能玉控;2.map的回調(diào)函數(shù)會將執(zhí)行結(jié)果返回飞主,最后map將所有回調(diào)函數(shù)的返回值組成新數(shù)組返回。

參數(shù):map(callback);callback默認有三個參數(shù)高诺,分別為value碌识,index,self虱而。

//功能1:同forEachvararr=["Tom","Jack","Lucy","Lily","May"];vara=arr.map(function(value,index,self){console.log(value+"--"+index+"--"+(arr===self))})// 打印結(jié)果為:// Tom--0--true// Jack--1--true// Lucy--2--true// Lily--3--true// May--4--true//功能2:每次回調(diào)函數(shù)的返回值被map組成新數(shù)組返回vararr=["Tom","Jack","Lucy","Lily","May"];vara=arr.map(function(value,index,self){return"hi:"+value;})console.log(a);//["hi:Tom", "hi:Jack", "hi:Lucy", "hi:Lily", "hi:May"]console.log(arr);//["Tom", "Jack", "Lucy", "Lily", "May"]---原數(shù)組未改變

17.filter()

功能:1.同forEach功能筏餐;2.filter的回調(diào)函數(shù)需要返回布爾值,當為true時牡拇,將本次數(shù)組的數(shù)據(jù)返回給filter魁瞪,最后filter將所有回調(diào)函數(shù)的返回值組成新數(shù)組返回(此功能可理解為“過濾”)。

參數(shù):filter(callback);callback默認有三個參數(shù)惠呼,分別為value导俘,index,self剔蹋。

//功能1:同forEachvararr=["Tom","Jack","Lucy","Lily","May"];vara=arr.filter(function(value,index,self){console.log(value+"--"+index+"--"+(arr===self))})// 打印結(jié)果為:// Tom--0--true// Jack--1--true// Lucy--2--true// Lily--3--true// May--4--true//功能2:當回調(diào)函數(shù)的返回值為true時旅薄,本次的數(shù)組值返回給filter,被filter組成新數(shù)組返回vararr=["Tom","Jack","Lucy","Lily","May"];vara=arr.filter(function(value,index,self){returnvalue.length>3;})console.log(a);//["Jack", "Lucy", "Lily"]console.log(arr);//["Tom", "Jack", "Lucy", "Lily", "May"]---原數(shù)組未改變

18.every()

功能:判斷數(shù)組中每一項是否都滿足條件泣崩,只有所有項都滿足條件赋秀,才會返回true。

參數(shù):every()接收一個回調(diào)函數(shù)作為參數(shù)律想,這個回調(diào)函數(shù)需要有返回值,every(callback);callback默認有三個參數(shù)绍弟,分別為value技即,index,self樟遣。

功能1:當回調(diào)函數(shù)的返回值為true時而叼,類似于forEach的功能,遍歷所有豹悬;如果為false葵陵,那么停止執(zhí)行,后面的數(shù)據(jù)不再遍歷瞻佛,停在第一個返回false的位置脱篙。

//demo1:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.every(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))})// 打印結(jié)果為:// Tom--0--true//因為回調(diào)函數(shù)中沒有return true娇钱,默認返回undefined,等同于返回false//demo2:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.every(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))returnvalue.length<4;})// 打印結(jié)果為:// Tom--0--true// abc--1--true// Jack--2--true//因為當遍歷到Jack時绊困,回調(diào)函數(shù)到return返回false文搂,此時Jack已經(jīng)遍歷,但是后面數(shù)據(jù)就不再被遍歷了//demo3:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.every(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))returntrue;})// 打印結(jié)果為:// Tom--0--true// abc--1--true// Jack--2--true// Lucy--3--true// Lily--4--true// May--5--true//因為每個回調(diào)函數(shù)的返回值都是true秤朗,那么會遍歷數(shù)組所有數(shù)據(jù)煤蹭,等同于forEach功能

功能2:當每個回調(diào)函數(shù)的返回值都為true時,every的返回值為true取视,只要有一個回調(diào)函數(shù)的返回值為false硝皂,every的返回值都為false

//demo1:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.every(function(value,index,self){returnvalue.length>3;})console.log(a);//false//demo2:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.every(function(value,index,self){returnvalue.length>2;})console.log(a);//true

19.some()

功能:判斷數(shù)組中是否存在滿足條件的項,只要有一項滿足條件作谭,就會返回true稽物。

參數(shù):some()接收一個回調(diào)函數(shù)作為參數(shù),這個回調(diào)函數(shù)需要有返回值丢早,some(callback);callback默認有三個參數(shù)姨裸,分別為value,index怨酝,self傀缩。

功能1:因為要判斷數(shù)組中的每一項,只要有一個回調(diào)函數(shù)返回true农猬,some都會返回true赡艰,所以與every正好相反,當遇到一個回調(diào)函數(shù)的返回值為true時斤葱,可以確定結(jié)果哑蔫,那么停止執(zhí)行歉铝,后面都數(shù)據(jù)不再遍歷,停在第一個返回true的位置;當回調(diào)函數(shù)的返回值為false時师溅,需要繼續(xù)向后執(zhí)行,到最后才能確定結(jié)果暂幼,所以會遍歷所有數(shù)據(jù)藐窄,實現(xiàn)類似于forEach的功能,遍歷所有楞慈。

//demo1:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.some(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))returnvalue.length>3;})// 打印結(jié)果為:// Tom--0--true// abc--1--true// Jack--2--true//demo2:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.some(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))returntrue;})// 打印結(jié)果為:// Tom--0--true//demo3:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.some(function(value,index,self){console.log(value+"--"+index+"--"+(arr==self))returnfalse;})// 打印結(jié)果為:// Tom--0--true// abc--1--true// Jack--2--true// Lucy--3--true// Lily--4--true// May--5--true

功能2:與every相反幔烛,只要有一個回調(diào)函數(shù)的返回值都為true,some的返回值為true囊蓝,所有回調(diào)函數(shù)的返回值為false饿悬,some的返回值才為false

//demo1:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.some(function(value,index,self){returnvalue.length>3;})console.log(a);//true//demo2:vararr=["Tom","abc","Jack","Lucy","Lily","May"];vara=arr.some(function(value,index,self){returnvalue.length>4;})console.log(a);//false

19.reduce()

功能:從數(shù)組的第一項開始,逐個遍歷到最后聚霜,迭代數(shù)組的所有項狡恬,然后構(gòu)建一個最終返回的值珠叔。

參數(shù):reduce()接收一個或兩個參數(shù):第一個是回調(diào)函數(shù),表示在數(shù)組的每一項上調(diào)用的函數(shù)傲宜;第二個參數(shù)(可選的)作為歸并的初始值运杭,被回調(diào)函數(shù)第一次執(zhí)行時的第一個參數(shù)接收。

reduce(callback,initial);callback默認有四個參數(shù)函卒,分別為prev辆憔,now,index报嵌,self虱咧。

callback返回的任何值都會作為下一次執(zhí)行的第一個參數(shù)。

如果initial參數(shù)被省略锚国,那么第一次迭代發(fā)生在數(shù)組的第二項上腕巡,因此callback的第一個參數(shù)是數(shù)組的第一項,第二個參數(shù)就是數(shù)組的第二項血筑。

//demo1:不省略initial參數(shù)绘沉,回調(diào)函數(shù)沒有返回值vararr=[10,20,30,40,50];arr.reduce(function(prev,now,index,self){console.log(prev+"--"+now+"--"+index+"--"+(arr==self))},2019)// 打印結(jié)果為:// 2019--10--0--true// undefined--20--1--true// undefined--30--2--true// undefined--40--3--true// undefined--50--4--true// 此時回調(diào)函數(shù)沒有return,所以從第二次開始豺总,prev拿到的是undefined//demo2:省略initial參數(shù)车伞,回調(diào)函數(shù)沒有返回值vararr=[10,20,30,40,50];arr.reduce(function(prev,now,index,self){console.log(prev+"--"+now+"--"+index+"--"+(arr==self))})// 打印結(jié)果為:第一次,回調(diào)函數(shù)的第一個參數(shù)是數(shù)組的第一項喻喳。第二個參數(shù)就是數(shù)組的第二項// 10--20--1--true// undefined--30--2--true// undefined--40--3--true// undefined--50--4--true// 此時回調(diào)函數(shù)沒有return另玖,所以從第二次開始,prev拿到的是undefined//demo3:不省略initial參數(shù)表伦,回調(diào)函數(shù)有返回值vararr=[10,20,30,40,50];arr.reduce(function(prev,now,index,self){console.log(prev+"--"+now+"--"+index+"--"+(arr==self));return"hello";},2019)// 打印結(jié)果為:// 2019--10--0--true// hello--20--1--true// hello--30--2--true// hello--40--3--true// hello--50--4--true// 此時回調(diào)函數(shù)有return谦去,所以從第二次開始,prev拿到的是回調(diào)函數(shù)return的值//demo4:省略initial參數(shù)蹦哼,回調(diào)函數(shù)有返回值vararr=[10,20,30,40,50];arr.reduce(function(prev,now,index,self){console.log(prev+"--"+now+"--"+index+"--"+(arr==self));return"hello";})// 打印結(jié)果為:第一次鳄哭,回調(diào)函數(shù)的第一個參數(shù)是數(shù)組的第一項。第二個參數(shù)就是數(shù)組的第二項// 10--20--1--true// hello--30--2--true// hello--40--3--true// hello--50--4--true// 此時回調(diào)函數(shù)有return纲熏,所以從第二次開始窃诉,prev拿到的是回調(diào)函數(shù)return的值//demo5:使用reduce計算數(shù)組中所有數(shù)據(jù)的和vararr=[10,20,30,40,50];varsum=arr.reduce(function(prev,now,index,self){returnprev+now;})console.log(sum);//150// 回調(diào)函數(shù)的最后一次return的結(jié)果被返回到reduce方法的身上//demo6:使用reduce計算數(shù)組中所有數(shù)據(jù)的和vararr=[10,20,30,40,50];varsum=arr.reduce(function(prev,now,index,self){returnprev+now;},8)console.log(sum);//158// 回調(diào)函數(shù)的最后一次return的結(jié)果被返回到reduce方法的身上// 因為reduce有第二個參數(shù)initial,在第一次執(zhí)行時被計算赤套,所以最終結(jié)果被加上8

20.reduceRight()

功能:(與reduce類似)從數(shù)組的最后一項開始,向前逐個遍歷到第一位珊膜,迭代數(shù)組的所有項容握,然后構(gòu)建一個最終返回的值。

參數(shù):同reduce车柠。

demo:同reduce

作者:潛水的旱鴨子

鏈接:http://www.reibang.com/p/7e160067a06c

來源:簡書

著作權(quán)歸作者所有剔氏。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)塑猖,非商業(yè)轉(zhuǎn)載請注明出處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末谈跛,一起剝皮案震驚了整個濱河市羊苟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌感憾,老刑警劉巖蜡励,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異阻桅,居然都是意外死亡凉倚,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門嫂沉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稽寒,“玉大人,你說我怎么就攤上這事趟章⌒硬冢” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵蚓土,是天一觀的道長宏侍。 經(jīng)常有香客問我,道長北戏,這世上最難降的妖魔是什么负芋? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮嗜愈,結(jié)果婚禮上旧蛾,老公的妹妹穿的比我還像新娘。我一直安慰自己蠕嫁,他們只是感情好锨天,可當我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著剃毒,像睡著了一般病袄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上赘阀,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天益缠,我揣著相機與錄音,去河邊找鬼基公。 笑死幅慌,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的轰豆。 我是一名探鬼主播胰伍,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼齿诞,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了骂租?” 一聲冷哼從身側(cè)響起祷杈,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎渗饮,沒想到半個月后但汞,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡抽米,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年特占,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片云茸。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡是目,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出标捺,到底是詐尸還是另有隱情懊纳,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布亡容,位于F島的核電站嗤疯,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏闺兢。R本人自食惡果不足惜茂缚,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望屋谭。 院中可真熱鬧脚囊,春花似錦、人聲如沸桐磁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽我擂。三九已至衬以,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間校摩,已是汗流浹背看峻。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留衙吩,地道東北人互妓。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親车猬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,901評論 2 355