JavaScript數(shù)組迭代的方法

今天小編給大家分享一下JavaScript數(shù)組迭代的方法的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

Array.map（）

map（） 方法通過對每個(gè)數(shù)組元素執(zhí)行函數(shù)來創(chuàng)建新數(shù)組。

map（） 方法不會對沒有值的數(shù)組元素執(zhí)行函數(shù)。

map（） 方法不會更改原始數(shù)組。

這個(gè)例子將每個(gè)數(shù)組值乘以2：

實(shí)例

var numbers1 = [45, 4, 9, 16, 25];

var numbers2 = numbers1.map（myFunction）;

function myFunction（value, index, array） {

  return value * 2;

}

請注意，該函數(shù)有 3 個(gè)參數(shù)：

項(xiàng)目值

項(xiàng)目索引

數(shù)組本身

當(dāng)回調(diào)函數(shù)僅使用 value 參數(shù)時(shí)，可以省略索引和數(shù)組參數(shù)：

實(shí)例

var numbers1 = [45, 4, 9, 16, 25];

var numbers2 = numbers1.map（myFunction）;

function myFunction（value） {

  return value * 2;

}

所有瀏覽器都支持 Array.map（），除了 Internet Explorer 8 或更早的版本：

Yes 9.0 Yes Yes Yes

Array.filter（）

filter（） 方法創(chuàng)建一個(gè)包含通過測試的數(shù)組元素的新數(shù)組。

這個(gè)例子用值大于 18 的元素創(chuàng)建一個(gè)新數(shù)組：

實(shí)例

var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.filter（myFunction）;

function myFunction（value, index, array） {

  return value > 18;

}

請注意此函數(shù)接受 3 個(gè)參數(shù)：

項(xiàng)目值

項(xiàng)目索引

數(shù)組本身

在上面的例子中，回調(diào)函數(shù)不使用 index 和 array 參數(shù)，因此可以省略它們：

實(shí)例

var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.filter（myFunction）;

function myFunction（value） {

  return value > 18;

}

所有瀏覽器都支持 Array.filter（），除了 Internet Explorer 8 或更早的版本

以上就是“JavaScript數(shù)組迭代的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。