ホームページ > 記事 > ウェブフロントエンド > JavaScriptのforEach()メソッドとmap()メソッドの違いは何ですか?
JavaScriptのforEach()メソッドとmap()メソッドの違いは何ですか?
- 王林転載
- 2023-09-10 13:05:081398ブラウズ
JavaScript には、配列とオブジェクトをループするためのさまざまなメソッドが用意されています。最も一般的な方法は for ループで、配列またはオブジェクトの要素を反復処理するために使用されます。ただし、forEach() メソッドや map() メソッドなど、配列やオブジェクトをループする他の方法もあります。
forEach() メソッド
forEach( ) メソッドは、配列またはオブジェクトの各要素をループするために使用されます。 forEach() メソッドはコールバック関数をパラメータとして受け取ります。コールバック関数は、配列またはオブジェクトの要素ごとに呼び出されます。
forEach()このメソッドは for ループに似ていますが、値を返しません。
例
以下は完全な動作コードと説明です -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<div id="result"></div>
<script>
var arr = [1,2,3,4,5];
arr.forEach(function(element){
var item2 = document.createElement('div');
item2.innerText = element;
document.getElementById("result").appendChild(item2);
});
</script>
</body>
</html>上記のコードでは、「arr」という名前の配列を定義しました。 forEach() メソッドは、「arr」配列に対して呼び出されます。 forEach() メソッドはコールバック関数をパラメータとして受け取ります。コールバック関数は、「arr」配列の各要素に対して呼び出されます。
map() メソッド
map() メソッドは、配列またはオブジェクトの各要素をループするために使用されます。 map() メソッドはコールバック関数をパラメータとして受け取ります。コールバック関数は、配列またはオブジェクトの要素ごとに呼び出されます。
map() メソッドは forEach() メソッドに似ていますが、新しい配列を返します。
例
以下は完全な動作コードと説明です -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<div id="result"></div>
<script>
var arr = [1,2,3,4,5];
arr.map(function(element){
var item2 = document.createElement('div');
item2.innerText = element;
document.getElementById("result").appendChild(item2);
});
</script>
</body>
</html>上記のコードでは、「arr」という名前の配列を定義しました。 「arr」配列で map() メソッドを呼び出します。 map() メソッドはコールバック関数をパラメータとして受け取ります。コールバック関数は、「arr」配列の各要素に対して呼び出されます。コールバック関数の戻り値は、「newArr」という新しい配列に格納されます。
map() と forEach()
map() メソッドと forEach()) メソッドのいくつかの違いを以下に示します。
map()メソッドは新しい配列を返しますが、forEach() メソッドは新しい配列を返しません。
map() メソッドは配列の要素を変換するために使用され、forEach() メソッドは配列の要素をループするために使用されます。
map() メソッドは、filter() メソッドなどの他の配列メソッドとともに使用できますが、forEach() メソッドは他の配列メソッドとともに使用できません。
結論
要約すると、forEach() メソッドと map() メソッドは両方とも、配列とオブジェクトをループするために使用されます。 forEach() メソッドは新しい配列を返しませんが、map() メソッドは新しい配列を返します。 map() メソッドは配列の要素を変換するために使用され、forEach() メソッドは配列の要素をループするために使用されます。
以上がJavaScriptのforEach()メソッドとmap()メソッドの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。