【JavaScript】配列をループで回す

ネコニウム研究所

PCを利用したモノづくりに関連する情報や超個人的なナレッジを掲載するブログ

【JavaScript】配列をループで回す

2023-6-7 |

JavaScriptで配列をループで回したい!

概要

今回の記事では、JavaScriptで配列をループで回す手順を掲載する。

仕様書

環境

  • Google Chrome 114.0.5735.90(Official Build)(64 ビット)

手順書

何パターンかあるみたいなんだけども、2パターン挙げる。

for

forを使って曜日の略称の文字列が格納された配列の中身を出力するサンプル。

var array = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

for (let i = 0; i < array.length; i++)
{
    console.log(array[ i ]);
}

forEach

forEachをつかって曜日の略称の文字列が格納された配列の中身を出力するサンプル。

var array = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

array.forEach(function(e) {
    console.log(e);
});

出力

Google Chromeのデベロッパーツール(F12)のOutputに下記のように出力される。

sun
mon
tue
wed
thu
fri
sat

まとめ(感想文)

どちらの方が良いとかは特にないと思うんだけども、ケースバイケースになる。

forEachがC#とかと違ってJavaScriptの場合はArrayのメゾットなのでメゾットの命名規則でEが大文字なるのは分かるんですが、なんだかめちゃ気になります!