首頁 >web前端 >js教程 >總結js中Array的方法的用法

總結js中Array的方法的用法

不言原創: 2018-09-11 15:20:241319瀏覽

這篇文章帶給大家的內容是關於總結js中Array的方法的用法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

JS Array的一些方法在實際中很常用，這裡整理記錄下來，一是為了常常回顧，二也是方便大家

Map

#map():傳回一個新的Array，每個元素為呼叫function的結果

語法: 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條件的元素陣列

語法: 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():沒有回傳值，只是針對每個元素呼叫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的方法的用法

相關文章