首頁 > web前端 > js教程 > forEach 與 map 方法 javascript

forEach 與 map 方法 javascript

WBOY
發布: 2024-08-12 18:41:03
原創
1093 人瀏覽過

forEach vs map method javascript

forEach 和 map 方法都用於迭代數組,但它們有不同的目的並具有不同的行為。

1.forEach方法

forEach 方法用於迭代數組的每個元素。它不會建立一個新數組;相反,它直接修改現有數組的元素。

const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number * 2);
});

// Output:
// 2
// 4
// 6
// 8
// 10
登入後複製

forEach 當您的目的是迭代數組的每個元素而不需要建立新數組時使用。

2。地圖方法

另一方面,map 方法也用於迭代數組的每個元素,但它可以傳回新的修改後的數組,而不更改原始數組

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
登入後複製

當您的目的是返回新的修改數組時使用的映射方法

總結:

  • 當您想要迭代數組並對每個元素執行副作用或操作而不建立新數組時,請使用 forEach。

  • 當您想要迭代數組、使用函數轉換其元素並使用轉換後的值建立新數組時,請使用映射。

注意:- 請記住,這兩種方法都會迭代數組中的每個元素,因此將為每個元素執行提供的函數。主要區別在於使用每種方法的目的和結果。

以上是forEach 與 map 方法 javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板