JavaScriptのループ処理は、同じコードブロックを繰り返し実行するための重要なプログラムです。ループは、データの配列を処理したり、特定の条件が満たされるまでコードを繰り返し実行するのに役立ちます。以下に、JavaScriptでの主要なループについて詳しく説明します。
for
forループは、指定した回数だけコードブロックを繰り返し実行します。基本的な構文は以下の通りです。
for (初期化式; 条件式; 更新式) {
// 繰り返し実行したいコード
}例えば、0から4までの数字をコンソールに出力するコードは以下のようになります。
for (var i = 0; i < 5; i++) {
console.log(i);
}forは一番イメージしやすいループ処理かもしれませんね。代表的なループ処理ですがそこまで頻繁に使用することはない印象があります。
while
whileループは、指定した条件が真の場合にコードブロックを繰り返し実行します。構文は以下の通りです。
while (条件式) {
// 条件が真の間、繰り返し実行したいコード
}例えば、変数countが10未満の場合にコンソールにカウントを表示するコードは以下のようになります。
let count = 0;
while (count < 10) {
console.log(count);
count++;
}Whileは真の場合に繰り返し実行されるので、無限ループになる可能性があるので気をつけて扱うようにしましょう。
do…while
do…whileループは、条件を評価する前にまず一度コードブロックを実行し、その後条件が真である限り繰り返し実行します。構文は以下の通りです。
do {
// 一度は実行し、その後条件が真の場合に繰り返し実行したいコード
} while (条件式);例えば、ユーザーが特定のキーを入力するまでプログラムを実行し続けるコードは以下のようになります。
var userInput;
do {
userInput = prompt("特定のキーを入力してください:");
} while (userInput !== "secret");個人的にはあまり使わないコードです。一応頭にこんなのがあるんだなくらいで覚えておけばいいと思います。
foreach
foreachは少し番外編のような感じですが、便利でよく使うので紹介しておきます。
forEachは、配列の各要素に対して指定された関数を順番に実行するための便利なメソッドです。これを使うことで、ループを明示的に書く必要がなくなり、コードが簡潔で読みやすくなります。構文は以下の通りです。
配列.forEach(function(要素, インデックス, 配列自体) {
// 要素ごとに実行したい処理
});forEachは、指定された関数を配列の各要素に対して順番に実行します。以下は、具体的な使用例です。
let fruits = ["りんご", "バナナ", "いちご"];
fruits.forEach(function(fruit, index) {
console.log("要素 " + index + ": " + fruit);
});上で紹介した３つのループと違って、配列から一つ一つ取り出せるので大変便利です。これはほんとによく使うので覚えておいて損はないでしょう。
まとめ
この記事はJavaScriptのループ処理について解説しました。ループ処理を理解すれば、かなり簡潔にコードを書けるようになるります。ループ処理はプログラミングの基本的な要素であり、ほとんどのプログラムで使用されています。最初は難しいと思いますが、継続して頑張れば必ずできるはずなので頑張ってください。
「読んだだけでは100%身に付きません」
必ず行動に移してください。
そう言っても、
行動する人は20%
それを継続する人は5%
行動し続けるだけで、
上位5％に入ることができます。
今すぐ行動して上位5％に入り、
Web制作で本気で人生変えたい
そんな人は今すぐ登録してください
今行動しなきゃ、人生変わらないですよ
こちらの公式LINEではTwitter開始して1週間で案件獲得した勉強法、仕事の取り方などweb制作での収益化の方法を発信しています！
是非登録してみて下さい！
コメント