職案人

求職・歴史・仏教などについて掲載するつもりだが、自分の思いつきが多いブログだよ。適当に付き合って下さい。

Javascriptの超入門編9

2018年08月12日 | JavaScript
ループ文(for文・while文)

一連の処理を繰り返すもので、条件文と同じ様にプログラムではよく使われる

【開発環境】
OS;Window10
Webブラウザ:Google Chrome
テキストエディタ:Brackets

【ループ文】

1.for文
カウンタとして使用する制御変数iをカウントアップしながら、処理をロープさせ、iが指定した値まで進んだら、処理を終了する。
書式
for(カウンタの初期化;条件式;カウンタの更新){
   処理

・例文
<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>

<body>
<script>
//iは制御変数
for (var i = 1; i <= 12; i++) {
console.log(i + "月");
}
</script>
</body>
</html>

実行


2.while文
条件が成り立つまで処理を繰り返す文

書式
while(条件式){
  処理


例文「while1.html」
<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>

<body>
<script>
var i = 1;
while (i <= 12) {
console.log(i + "月");
i++;
}
</script>
</body>

</html>

実行結果


3.do~while文
書式
do{
 処理
}while(条件式)

例文「while2.html」
<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>

<body>
<script>
var num = prompt("回数を入力してください");
var i = 1;
do {
console.log(i + ":こんにちはJavaScript");
i++;
} while(i <= num);
</script>
</body>

</html>
実行
値「3」を入力

コンソール表示


4.無限ループ
while文の条件式に、treや「1」など、必ず条件が成り立つ値を指定すると、ループが延々とくりかえされてプログラムが終わら無くなる無限ループなる。そこで、breakやcontineを使って抜け出す

break文
例文
<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>

<body>
<script>
var i = 1;
while(true){
console.log(i + "月");
i++;
if (i > 12) break;//12より大きければ、抜け出る
}
</script>
</body>

</html>
実行


contine文
contine文を使うと、現在のループの処理を中断してループの先頭に戻る事ができます。breakと同様にifと一緒に使う

例文
<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>

<body>
<script>
var i = 0;
while(i <= 100){
i++;
if ((i % 9) != 0) continue;
console.log(i);
}
</script>
</body>

</html>
実行






コメント    この記事についてブログを書く
  • Twitterでシェアする
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« Javascriptの超入門編8 | トップ | Javascriptの超入門編10 »
最新の画像もっと見る

コメントを投稿

JavaScript」カテゴリの最新記事