ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのmap()とreduce()の違いは何ですか?

JavaScriptのmap()とreduce()の違いは何ですか?

不言
不言オリジナル
2019-01-09 11:53:445217ブラウズ

map() とreduce() は両方とも配列を処理できるメソッドですが、その使用法が少し異なります。最大の違いは、map() が一部の処理結果を新しい配列として生成できることです。記事の詳しい内容を見ていきましょう。

JavaScriptのmap()とreduce()の違いは何ですか?

たとえば、配列に格納されている数値を 2 倍にする新しい配列を作成する場合は、次のように記述できます。

var numbers = [1,2,3,4,5];
var result = numbers.map(function(num) {
  return num * 2;
})
console.log(result);

実行結果は

JavaScriptのmap()とreduce()の違いは何ですか?

この例では、数値を含む配列に対してmap()が実行されます。

配列の各要素が関数内で 2 回返されることがわかります。

これより、実行結果は元の値の2倍の配列が生成できることがわかります。

厳密にはreduce()で同じことを行うことはできませんが、map()を使えば非常に簡単な記述で効率よく行うことができます。

reduce() メソッドの使用については、次を参照してください。 JavaScript でのreduce()の使用方法

以上がJavaScriptのmap()とreduce()の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

関連記事

続きを見る