詳解JavaScript es6的新增數(shù)組方法
1. forEach()
遍歷數(shù)組,無return 即使有return，也不會(huì)返回任何值，并且會(huì)影響原來的數(shù)組
callback的參數(shù)
value --當(dāng)前索引的值
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ù)組，返回一個(gè)滿足要求的數(shù)組
callback的參數(shù)：
value --當(dāng)前索引的值
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 --當(dāng)前索引的值
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 返回一個(gè)新數(shù)組 。
callback的參數(shù)：
value --當(dāng)前索引的值
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)
結(jié)果：
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ù)組的元素是否有一個(gè)滿足，若有一個(gè)滿足則返回ture
callback的參數(shù)：
value --當(dāng)前索引的值
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
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子
今天小編就為大家分享一篇layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了微信小程序單列下拉菜單，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
微信小程序中時(shí)間戳和日期的相互轉(zhuǎn)換問題
這篇文章主要介紹了微信小程序中時(shí)間戳和日期的相互轉(zhuǎn)換問題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
微信小程序?qū)崿F(xiàn)菜單左右聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)菜單左右聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要為大家詳細(xì)介紹了基于原生js實(shí)現(xiàn)圖片輪播效果的具體代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了js注冊(cè)時(shí)輸入合法性驗(yàn)證方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
JS在IE和FF下attachEvent,addEventListener學(xué)習(xí)筆記
今天小弄了一下JS事件，主要說一下FF和IE兼容的問題2009-11-11
一文教你徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流
其實(shí)防抖和節(jié)流不僅僅在面試中會(huì)讓大家手寫，在實(shí)際項(xiàng)目中也可以起到性能優(yōu)化的作用，所以還是很有必要掌握的。本文就帶大家徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流，需要的可以參考一下2022-11-11
這篇文章主要介紹了淺談js數(shù)組splice刪除某個(gè)元素爬坑，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
跟我學(xué)Nodejs（三）--- Node.js模塊
這是本系列的第三篇文章了，前面2篇網(wǎng)友們反饋回來不少的消息，加上最近2天比較忙，一直沒來得及整理，周末了，趕緊給大家整理下發(fā)出來，本文講的是node.js模塊2014-05-05