forEach vs マップメソッドJavaScript

WBOY
リリース: 2024-08-12 18:41:03
オリジナル
1063 人が閲覧しました

forEach vs map method javascript

forEach メソッドと map メソッドは両方とも配列の反復処理に使用されますが、目的が異なり、動作も異なります。

1.各メソッド

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 を使用します。

  • 配列を反復処理し、関数を使用してその要素を変換し、変換された値を含む新しい配列を作成する場合は、map を使用します。

注:- どちらのメソッドも配列内の各要素を反復処理するため、提供された関数が要素ごとに実行されることに注意してください。主な違いは、各方法を使用する目的と結果にあります。

以上がforEach vs マップメソッドJavaScriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!