1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Javascript の map と reduce の違い

Posted at

JavaScript mapreduce の違いを説明します。

map メソッド

  1. map メソッドは、配列の各要素に対して与えられたコールバック関数を実行し、新しい配列を作成します。
  2. 元の配列は変更されず、新しい配列が作成されるため、元の配列の要素に影響を与えません。
  3. コールバック関数は、各要素に対して適用され、その結果が新しい配列の要素となります。
const numbers = [1, 2, 3];
const doubledNumbers = numbers.map((num) => num * 2);
// doubledNumbers: [2, 4, 6]
// numbers: [1, 2, 3] (元の配列は変更されない)

reduceメソッド

  1. reduce メソッドは、配列の各要素に対して与えられたコールバック関数を使って、単一の値を生成します。
  2. 初期値を指定することができ、この初期値は最初のコールバックの第一引数になります。
  3. コールバック関数は、前のコールバックの結果と現在の要素を利用して処理を行い、最終的な値を生成します。
const numbers = [1, 2, 3];
const sum = numbers.reduce((acc, num) => acc + num, 0);
// sum: 6 (1 + 2 + 3)

要約すると、map は新しい配列を生成して各要素を変換するのに対して、reduce は配列の要素を使って単一の値を生成するために使います。また、map は各要素に対して同じ操作を適用するのに対して、reduce は異なる要素ごとに異なる処理を適用することができます。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?