高效javascript編程必知的5個數組方法

標籤：

本文和大家分享的主要是javascript中關於數組最重要的5個方法，一起來看看吧，希望對大家學習javascript有所協助。

Array.forEach()

.forEach() 方法能夠方便的讓你 遍曆數組裡的每個元素 ，你可以在回呼函數裡對每個元素進行操作。.forEach() 方法沒有傳回值，你不需要在回呼函數裡寫 return ，這是無意義的。

var animals = [’dog’, ’cat’, ’mouse’];

animals.forEach(function(item){

console.log(item);

});

Array.map()

.map() 方法能夠遍曆整個數組，然後 返回一個新數組 ，這個新數組裡的元素是經過了指定的回呼函數處理過的。

如果你想修改數組裡的每個元素，然後將修改後的數組存入新的數組，那使用 .map() 方法最方便。

var numbers = [2, 4, 6, 8];

var doubleNums = numbers.map(function(element) {

return element * 2;

});

console.log(’doubleNums: ’, doubleNums)

Array.filter()

.filter() 方法能夠 過濾掉數組中的某些元素 ，你可以在回呼函數裡設定條件，不合格元素都會排除在外。

var scores = [3, 12, 5, 23, 19, 7];

var topScores = scores.filter(function(item){

if (item > 10){

return true;

} else {

return false;

}

});

console.log(’topScores: ’, topScores);

Array.indexOf()

indexOf() 能夠告訴你 某個元素在數組中的位置 ，它返回的是索引值，如果數組裡有重複的元素，它會返回第一個元素的位置。

var a = [2, 9, 9, 18];

var i = a.indexOf(9);

console.log(’i: ’, i);

/*

if (a.indexOf(7) === -1) {

// 數組中沒有這個元素

}*/

Array.every()

.every() 方法的作用是用指定的回呼函數去檢查數組中的每個元素，如果對於每個元素，這個回呼函數都返回true，則 .every() 返回true。否則， .every() 返回false。

如果你想知道數組中的所有元素都是否符合某種條件，使用 .every() 最方便。

var ages = [23, 19, 32, 44];

var olderThan18 = ages.every(function(element) {

return element > 18;

});

console.log(’olderThan18: ’, olderThan18);

上面的這5個方法只是很多JavaScript方法中關於數組的最重要的幾個，還有很多關於數組的方法、工具包(lodash and underscore )等都非常的有用。

 

來源：極客頭條

高效javascript編程必知的5個數組方法