ES6常用的新數(shù)組語法弛车,實際應用

一.every(value --當前索引的值, index --索引 )

依據(jù)判斷條件翎迁,數(shù)組的元素是否全滿足符匾,若滿足則返回ture,有一個不滿足就返回false

let arr =[2,3,4,5,6,7]

let arr1 = arr.every( (value)=>value<8) 返回true

let arr2 = arr.every( (value)=>value<7) 返回false


二.some(value --當前索引的值, index --索引 )

依據(jù)判斷條件,數(shù)組的元素是否有一個滿足害碾,若有一個滿足則返回ture,全都不滿足就返回false

let arr =[2,3,4,5,6,7]

let arr1 = arr.some( (value)=>value>7) 返回false

let arr2 = arr.some( (value)=>value<7) 返回true


三.filter(value --當前索引的值, index --索引 )

過濾數(shù)組矢劲,返回一個滿足要求的數(shù)組

let arr =[2,3,4,5,6,7]

let newarr = arr.filter( (item)=> item<5)

結果 newarr? ? [2,3,4]


四.find

找到第一個符合條件的數(shù)組成員

let arr =[2,3,4,5,6,7]

let newarr = arr.find( (item)=>item>3)

結果 newarr? ? [4]


五.findIndex

找到第一個符合條件的數(shù)組成員的索引值

let arr =[2,3,4,5,6,7]

let newarr = arr.findIndex( (item)=>item>5)

結果 newarr? ? [4]


六.forEach(value --當前索引的值,index --索引,array --原數(shù)組)

遍歷數(shù)組,無return,對提供執(zhí)行的函數(shù),總是返回undefined

let arr =[2,3,4,5,6,7]

let newarr = arr.forEach( (item,index,arr)=>{? }


七.includes

判斷數(shù)中是否包含給定的值

let arr =[2,3,4,5,6,7]

let newarr = arr.includes(2) 返回true

let newarr = arr.includes(10)返回false


八.map

遍歷數(shù)組,返回一個新數(shù)組

let arr =[2,3,4,5,6,7]

let newarr = arr.map( (item)=>item*2)

結果 newarr? ? [4,6,8,10,12,14]


九.reduce

累加器慌随,數(shù)組中的每個值(從左到右)合并芬沉,最終計算為一個值,可用作購物車中計算,下面示例

.reduce( (pre,item)=>{

return? ? item.price * item.count + pre

},0)

0是pre的值阁猜,通常定為0丸逸,必須寫

也可用作數(shù)組去重

let arr =[2,3,4,5,6,7,7,2]

let newarr = arr.reduce( (pre,item) =>{

if(!pre.includes(item)){

return pre.concat(item)? ? //concat用于連接兩個或多個數(shù)組

}else{

return pre

},[])

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市剃袍,隨后出現(xiàn)的幾起案子黄刚,更是在濱河造成了極大的恐慌,老刑警劉巖民效,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件憔维,死亡現(xiàn)場離奇詭異,居然都是意外死亡畏邢,警方通過查閱死者的電腦和手機业扒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舒萎,“玉大人程储,你說我怎么就攤上這事”矍蓿” “怎么了章鲤?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長咆贬。 經(jīng)常有香客問我咏窿,道長,這世上最難降的妖魔是什么素征? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮萝挤,結果婚禮上御毅,老公的妹妹穿的比我還像新娘。我一直安慰自己怜珍,他們只是感情好端蛆,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酥泛,像睡著了一般今豆。 火紅的嫁衣襯著肌膚如雪嫌拣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天呆躲,我揣著相機與錄音异逐,去河邊找鬼。 笑死插掂,一個胖子當著我的面吹牛灰瞻,可吹牛的內容都是我干的。 我是一名探鬼主播辅甥,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼酝润,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了璃弄?” 一聲冷哼從身側響起要销,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎夏块,沒想到半個月后疏咐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡拨扶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年凳鬓,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片患民。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡缩举,死狀恐怖,靈堂內的尸體忽然破棺而出匹颤,到底是詐尸還是另有隱情仅孩,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布印蓖,位于F島的核電站辽慕,受9級特大地震影響,放射性物質發(fā)生泄漏赦肃。R本人自食惡果不足惜溅蛉,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望他宛。 院中可真熱鬧船侧,春花似錦、人聲如沸厅各。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽队塘。三九已至袁梗,卻和暖如春宜鸯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背遮怜。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工淋袖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人奈泪。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓适贸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親涝桅。 傳聞我的和親對象是個殘疾皇子拜姿,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內容