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