詳解js中Array的方法及技巧

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

這篇文章我們給大家總結了關于js中Array的方法及技巧，有需要的朋友們可以學習參考下。

JS Array的一些方法在實際中很常用，這里整理記錄下來，一是為了常?；仡櫍彩欠奖愦蠹?/p>

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條件的元素數(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():沒有返回值，只是針對每個元素調用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

用javascript實現(xiàn)的電信鐵通（網(wǎng)通）自動跳轉源代碼
用javascript實現(xiàn)的電信鐵通（網(wǎng)通）自動跳轉源代碼...
2007-11-11
require.js配合插件text.js實現(xiàn)最簡單的單頁應用程序
這篇文章主要介紹了require.js配合插件text.js實現(xiàn)最簡單的單頁應用程序,需要的朋友可以參考下
2016-07-07
JavaScript實現(xiàn)的簡單加密解密操作示例
這篇文章主要介紹了JavaScript實現(xiàn)的簡單加密解密操作,涉及javascript基于charCodeAt與fromCharCode的字符串編碼與解碼操作相關使用技巧,需要的朋友可以參考下
2018-06-06
JavaScript之事件委托實例(附原生js和jQuery代碼)
下面小編就為大家?guī)硪黄狫avaScript之事件委托實例(附原生js和jQuery代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
JavaScript的六種繼承方式(推薦)
繼承是面向對象編程中又一非常重要的概念，JavaScript支持實現(xiàn)繼承，不支持接口繼承，實現(xiàn)繼承主要依靠原型鏈來實現(xiàn)的
2017-06-06
JavaScript字符串處理常見操作方法小結
這篇文章主要介紹了JavaScript字符串處理常見操作方法,結合實例形式分析了JavaScript字符串操作常見的轉換、截取、分割、獲取等相關實現(xiàn)技巧,需要的朋友可以參考下
2019-11-11
js獲取當前時間(昨天、今天、明天)
這篇文章主要介紹了js獲取當前時間，一種是獲取昨天、今天、明天的準確時間，一個精確到時分秒,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
javascript 事件處理示例分享
這篇文章主要介紹了javascript 事件處理示例分享,需要的朋友可以參考下
2014-12-12
Bootstrap實現(xiàn)帶動畫過渡的彈出框
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)帶動畫過渡的彈出框，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
js 實現(xiàn)數(shù)值的千分位及保存小數(shù)方法(推薦)
下面小編就為大家?guī)硪黄猨s 實現(xiàn)數(shù)值的千分位及保存小數(shù)方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08