こちらではJavaScript学習の備忘録を記載しております。
プログラミング初心者、関心をお持ちの方々の参考になれば幸いです。
forEachメソッドとは？
配列の中の要素を１つずつ取り出して、すべての要素に繰り返し同じ処理を行うメソッド。
script.js
配列 = [要素1, 要素2, 要素3];
配列.forEach((引数) => {処理}); // 配列の中の要素を１つずつ取り出し、同じ処理を行う
上記メソッドの処理の流れ
①要素1が引数へ代入され、要素1に対しての処理が行われる
②要素2が引数へ代入され、要素2に対しての処理が行われる
③要素3が引数へ代入され、要素3に対しての処理が行われる
forEachメソッドの使い方
script.js
const nembers = [1, 2, 3];
nembers.forEach((nember) => {console.log(nember); });
// 出力結果
1
2
3
また、上記引数に入っている関数
(nember) => {console.log(nember);}
をコールバック関数と呼ぶ。
長いコードの書き方
forEachメソッドのように、引数にコールバック関数を使うメソッドはコードが長くなりやすいため、以下のように書くことが多い。
処理前の中括弧「 { 」から改行することで、長いコードでも見やすくなるという利点がある。
script.js
const nembers = [1, 2, 3];
nembers.forEach((nember) => {
console.log(nember);
});
おわりに
本当に最初の基本的な部分であります。
ご指摘あれば、よろしくお願い致します！！