es6數(shù)組map,reduce,filter,forEach,some,every

es6數(shù)組新增6個(gè)方法
1.map (映射)1個(gè)對(duì)一個(gè) 進(jìn)去什么最后return 什么 不會(huì)改變?cè)瓟?shù)組,返回一個(gè)新的數(shù)組,對(duì)應(yīng)參數(shù):item 每次的值扒磁,當(dāng)前索引庆揪,原來(lái)數(shù)組 arr

例子:
成績(jī)對(duì)應(yīng)等級(jí)
let arr =[22,55,67,33,99,70];
let result = arr.map((item,index,arr)=>{
return item>60?'及格':'不及格';
})
console.log(result)

2.reduce (匯總) 1堆對(duì)一個(gè) 求和或者求平均數(shù)

let store = [22,44,33,56,70,83,80]
let total = store.reduce((temp,item,index)=>{
//temp是每次的臨時(shí)變量是第n次和第n+1次的臨時(shí)和,item是每次要往上加的值妨托,index是每次循環(huán)的index
console.log(temp,item,index)
return temp+item;
})
console.log(total)

要是求平均數(shù) 就應(yīng)該再最后一次時(shí)用總數(shù)除以數(shù)組的長(zhǎng)度缸榛。

let store = [22,44,33,56,70,83,80]
let total = store.reduce((temp,item,index)=>{
//temp是每次的臨時(shí)變量是第n次和第n+1次的臨時(shí)和,item是每次要往上加的值兰伤,index是每次循環(huán)的index
console.log(temp,item,index)
if(index!=arr.lenth-1){//不是最后一次
return temp+item;
}else{//是最后一次
return (temp+item)/arr.length;
}

})
console.log(total)

3.filter 過(guò)濾器 通過(guò)返回true或者false來(lái)確認(rèn)最終的結(jié)果

let num = [2,4,76,87,35,66];
let result = num.filter(item=>item%3===0)
console.log(result);

4.forEach 循環(huán) (迭代)

//forEach遍歷數(shù)組内颗,無(wú)返回值敦腔,不改變?cè)瓟?shù)組符衔,僅僅只是遍歷
let arr = [2,3,4,5]
arr.forEach(item=>console.log(item))

5.every
let arr = [1,2,3,4];
let flag= arr.every((item,index,arr) =>item > 1 //結(jié)果為false
)
//遍歷數(shù)組每一項(xiàng)纸厉,每一項(xiàng)返回true,則最終結(jié)果為true。當(dāng)任何一項(xiàng)返回false時(shí)沃缘,停止遍歷,返回false水慨。不改變?cè)瓟?shù)組

6.some
var arr = [1,2,3,4];
let num =arr.some((item,index,arr) => {
console.log(item)
return item > 1 //結(jié)果為false
})
console.log(num)

//遍歷數(shù)組每一項(xiàng)晰洒,有一項(xiàng)返回true,就返回true砌滞,當(dāng)任何一項(xiàng)返回true時(shí)绊茧,則停止遍歷按傅,返回true;

以上6個(gè)方法均為ES6語(yǔ)法况芒,IE9及以上才支持。不過(guò)可以通過(guò)babel轉(zhuǎn)意支持IE低版本压汪。
以上均不改變?cè)瓟?shù)組。
some穿香、every返回true、false洒宝。
map、filter返回一個(gè)新數(shù)組将宪。
reduce讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算印蔗,返回最終操作的結(jié)果。
forEach 無(wú)返回值。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子趴酣,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鳖谈,死亡現(xiàn)場(chǎng)離奇詭異瑰排,居然都是意外死亡崇渗,警方通過(guò)查閱死者的電腦和手機(jī)葫掉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)跟狱,“玉大人俭厚,你說(shuō)我怎么就攤上這事∈浑” “怎么了挪挤?”我有些...
    開封第一講書人閱讀 168,766評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)关翎。 經(jīng)常有香客問(wèn)我扛门,道長(zhǎng),這世上最難降的妖魔是什么纵寝? 我笑而不...
    開封第一講書人閱讀 59,854評(píng)論 1 299
  • 正文 為了忘掉前任尖飞,我火速辦了婚禮,結(jié)果婚禮上店雅,老公的妹妹穿的比我還像新娘政基。我一直安慰自己,他們只是感情好闹啦,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評(píng)論 6 398
  • 文/花漫 我一把揭開白布沮明。 她就那樣靜靜地躺著,像睡著了一般窍奋。 火紅的嫁衣襯著肌膚如雪荐健。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評(píng)論 1 311
  • 那天琳袄,我揣著相機(jī)與錄音江场,去河邊找鬼。 笑死窖逗,一個(gè)胖子當(dāng)著我的面吹牛址否,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播碎紊,決...
    沈念sama閱讀 40,999評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼佑附,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了仗考?” 一聲冷哼從身側(cè)響起音同,我...
    開封第一講書人閱讀 39,914評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎秃嗜,沒想到半個(gè)月后权均,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顿膨,經(jīng)...
    沈念sama閱讀 46,465評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評(píng)論 3 342
  • 正文 我和宋清朗相戀三年叽赊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了虽惭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,675評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蛇尚,死狀恐怖芽唇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情取劫,我是刑警寧澤匆笤,帶...
    沈念sama閱讀 36,354評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站谱邪,受9級(jí)特大地震影響炮捧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜惦银,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評(píng)論 3 335
  • 文/蒙蒙 一咆课、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧扯俱,春花似錦书蚪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至读存,卻和暖如春为流,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背让簿。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工敬察, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人尔当。 一個(gè)月前我還...
    沈念sama閱讀 49,091評(píng)論 3 378
  • 正文 我出身青樓莲祸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親居凶。 傳聞我的和親對(duì)象是個(gè)殘疾皇子虫给,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評(píng)論 2 360

推薦閱讀更多精彩內(nèi)容

  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line)藤抡,也就是一...
    悟名先生閱讀 4,151評(píng)論 0 13
  • 1侠碧、新的聲明方式 以前我們?cè)诼暶鲿r(shí)只有一種方法,就是使用var來(lái)進(jìn)行聲明缠黍,ES6對(duì)聲明的進(jìn)行了擴(kuò)展弄兜,現(xiàn)在可以有三種...
    令武閱讀 1,011評(píng)論 0 7
  • *node下用express框架,實(shí)現(xiàn)一個(gè)簡(jiǎn)單的mvc *構(gòu)建工具:gulp / babel / webpack ...
    韓娜愛吃辣_前端程序媛閱讀 1,095評(píng)論 0 1
  • 第一次有人在KTV說(shuō)為我唱首歌。 本來(lái)她沒有說(shuō)這首歌是唱給我的替饿,后來(lái)才告訴我语泽。但其實(shí)我已經(jīng)注意到她很久了,我們來(lái)自...
    moooon1155閱讀 390評(píng)論 0 0
  • 入冬了视卢,園區(qū)兩只貓明顯有些餓了跟著我走了一段路踱卵,可惜我沒帶貓糧。
    小梅弄堂閱讀 238評(píng)論 0 0