0
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 3 years have passed since last update.

JavaScript学習(ES6) 基礎編 ~forEachメソッドとは?~

Last updated at Posted at 2021-04-27

こちらではJavaScript学習の備忘録を記載しております。
プログラミング初心者、関心をお持ちの方々の参考になれば幸いです。


forEachメソッドとは?

配列の中の要素を1つずつ取り出して、すべての要素に繰り返し同じ処理を行うメソッド

script.js
配列 = [要素1, 要素2, 要素3];

配列.forEach((引数) => {処理});  // 配列の中の要素を1つずつ取り出し、同じ処理を行う 

#####上記メソッドの処理の流れ
①要素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);
});

####おわりに
本当に最初の基本的な部分であります。
ご指摘あれば、よろしくお願い致します!!

0
1
1

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
0
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?