JavaScript數組迭代的方法

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

Array.map（）

map（） 方法通過對每個數組元素執行函數來創建新數組。

map（） 方法不會對沒有值的數組元素執行函數。

map（） 方法不會更改原始數組。

這個例子將每個數組值乘以2：

實例

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

var numbers2 = numbers1.map（myFunction）;

function myFunction（value, index, array） {

  return value * 2;

}

請注意，該函數有 3 個參數：

項目值

項目索引

數組本身

當回調函數僅使用 value 參數時，可以省略索引和數組參數：

實例

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（） 方法創建一個包含通過測試的數組元素的新數組。

這個例子用值大于 18 的元素創建一個新數組：

實例

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

var over18 = numbers.filter（myFunction）;

function myFunction（value, index, array） {

  return value > 18;

}

請注意此函數接受 3 個參數：

項目值

項目索引

數組本身

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

實例

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

var over18 = numbers.filter（myFunction）;

function myFunction（value） {

  return value > 18;

}

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

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