詳解JavaScript es6的新增數(shù)組方法
1. forEach()
遍歷數(shù)組,無return 即使有return,也不會返回任何值,并且會影響原來的數(shù)組
callback的參數(shù)
value
--當前索引的值
index
--索引
arr
--原數(shù)組
let arr = ["a", "b", "c", 1, 2, 3]; arr.forEach((value, index, arr) => { console.log(value, index, arr); })
輸出:
2. arr.filter()
過濾數(shù)組,返回一個滿足要求的數(shù)組
callback的參數(shù):
value
--當前索引的值
index
--索引
let arr = [1,2,3,4,5] let arr1 = arr.filter( (value, index) => value%2 === 0) console.log(arr1) // [2, 4]
3. arr.every()
依據(jù)判斷條件,數(shù)組的元素是否全滿足,若滿足則返回ture
callback的參數(shù):
value
--當前索引的值
index
--索引
let arr = [1,2,3,4,5] let arr1 = arr.every( (value, index) =>value<2) console.log(arr1) // false let arr2 = arr.every( (value, index) =>value<6) console.log(arr2) // true
4. arr.map()
映射數(shù)組(遍歷數(shù)組),有return 返回一個新數(shù)組 。
callback的參數(shù):
value
--當前索引的值
index
--索引
array
--原數(shù)組
let arr = [1,2,3,4,5] arr.map( (value,index,array)=>{ value = value * 2 console.log(`value:${value} index:${index} array:${array}`) }) console.log(arr)
結果:
var arr1 = [1,2,3,4]; var res1 = arr1.map((item,index,arr)=>{ item = item * 3; return item; }) console.log(arr1); // [1,2,3,4] console.log(res1); // [3,6,9,12]
5. arr.some()
依據(jù)判斷條件,數(shù)組的元素是否有一個滿足,若有一個滿足則返回ture
callback的參數(shù):
value
--當前索引的值
index
--索引
let arr = [1,2,3,4,5] let arr1 = arr.some( (value, index) => value < 3) console.log(arr1) // true let arr2 = arr.some( (value, index) => value > 6) console.log(arr2) // false
總結
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關注腳本之家的更多內(nèi)容!
相關文章
新浪微博字數(shù)統(tǒng)計 textarea字數(shù)統(tǒng)計實現(xiàn)代碼
從新浪微博代碼里抄的,非常不錯,需要的朋友可以參考下。2011-08-08JS獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式
這篇文章主要介紹了JS獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式的相關資料,需要的朋友可以參考下2017-10-10Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享
這篇文章主要介紹了Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享,本文直接給出實現(xiàn)的代碼,需要的朋友可以參考下2015-05-05基于邏輯運算的簡單權限系統(tǒng)(實現(xiàn)) JS 版
基于邏輯運算的簡單權限系統(tǒng)(實現(xiàn)) JS 版...2007-03-03js傳遞數(shù)組參數(shù)到后臺controller的方法
下面小編就為大家分享一篇js傳遞數(shù)組參數(shù)到后臺controller的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03