詳解js中Array的方法及技巧

更新時間：2018年09月12日 15:42:11 投稿：laozhang

這篇文章我們給大家總結(jié)了關(guān)于js中Array的方法及技巧，有需要的朋友們可以學(xué)習(xí)參考下。

JS Array的一些方法在實(shí)際中很常用，這里整理記錄下來，一是為了常?；仡?，二也是方便大家

Map

map():返回一個新的Array，每個元素為調(diào)用function的結(jié)果

語法: array.map(function(currentValue,index,arr), thisValue)

舉例:

var numbers = [65, 44, 12, 4], changedValue;
function multiplyArrayElement(num) {
 return num * 2;
}
(function myFunction() {
 changedValue = numbers.map(multiplyArrayElement);
})()
console.log(changedValue);

Filter

filter():返回一個符合function條件的元素數(shù)組

語法: array.filter(function(currentValue,index,arr), thisValue)

舉例:

var ages = [32, 33, 16, 40], changedValue; 
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.filter(checkAdult);
})()
console.log(changedValue);

Some

some():返回一個boolean，判斷是否有元素是否符合function條件

語法: array.some(function(currentValue,index,arr),thisValue)

舉例:

var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.some(checkAdult);
})()
console.log(changedValue);

Every

every():返回一個boolean，判斷每個元素是否符合function條件

語法: array.every(function(currentValue,index,arr), thisValue)

舉例:

var ages = [32, 33, 16, 40], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.every(checkAdult);
})()
console.log(changedValue);

ForEach

forEach():沒有返回值，只是針對每個元素調(diào)用function

語法: array.forEach(function(currentValue, index, arr), thisValue)

舉例:

var numbers = [4, 9, 16, 25],changedValue;
function myFunction(item, index, arr) {
 arr[index] = item + 1; 
}
numbers.forEach(myFunction);
console.log(numbers);

您可能感興趣的文章:

js
Array

相關(guān)文章

JavaScript中Cookie的使用之如何設(shè)置失效時間
這篇文章主要介紹了JavaScript中Cookie的使用之如何設(shè)置失效時間問題，具有很好的參考價值，希望對大家有所幫助。
2022-12-12
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升，小編對var預(yù)解析與函數(shù)聲明提升知識點(diǎn)也不甚了解，和大家一起學(xué)習(xí)本篇文章。
2015-11-11
基于JS實(shí)現(xiàn)密碼框(password)中顯示文字提示功能代碼
這篇文章主要介紹了實(shí)現(xiàn)密碼框(password)中顯示文字提示功能代碼,在項目開發(fā)中經(jīng)常會用到，需要的朋友可以參考下
2016-05-05
JavaScript setTimeout()基本用法有哪些
這篇文章主要介紹了JavaScript setTimeout()基本用法有哪些,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-11-11
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)兩個頁面?zhèn)髦档姆椒?結(jié)合實(shí)例形式分析了微信小程序URL跳轉(zhuǎn)及頁面?zhèn)髦迪嚓P(guān)操作技巧與注意事項,需要的朋友可以參考下
2018-12-12