JAvaScript基礎学習-7-JavaScriptループ-ケースコード
54491 ワード
JAvaScript基礎学習-7-JavaScriptループ-ケースコード 1. サイクルの目的 2. forサイクル 3. forループ実行プロセス 4. forループは同じコード を繰り返す 5. forループは異なるコード を繰り返す 6. forループは、いくつかの動作 を繰り返す 7. forサイクルケース 8. 学生の成績の実例の を求めます 9. 1行に5つの星 を印刷 10. 二重forサイクル 11. 5行5列星 を印刷 12. n行n列の星 を印刷 13. 逆三角形 を印刷 14. 九九乗算表ケース 15. whileサイクル 16. whileサイクルケース 17. do whildサイクル 18. do whileサイクルケース 20. break
1.サイクルの目的
2.forサイクル
3.forループ実行プロセス
4.forループは同じコードを繰り返す
5.forループは異なるコードを繰り返す
6.forループはいくつかの操作を繰り返す
7.forサイクルケース
8.学生の成績を求めるケース
9.1行に5つの星を印刷
10.二重forサイクル
11.5行5列の星を印刷
12.n行n列の星を印刷する
13.逆三角形の印刷
14.九九乗算表のケース
15.whileサイクル
16.whileサイクルケース
17.do whildサイクル
18.do whileサイクルケース
20. break
1.サイクルの目的
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Documenttitle>
<script>
// :
console.log(' ');
console.log(' ');
console.log(' ');
console.log('---------------------');
for (var i = 1; i <= 1000; i++) {
console.log(' ');
}
script>
head>
<body>
body>
html>
2.forサイクル
<script>
// 1. for ,
// 2. for
// for ( ; ; ) {
// //
// }
// 3. var ,
// 4.
// 5. ( )
// 6. 100
for (var i = 1; i <= 100; i++) {
console.log(' ');
}
script>
3.forループ実行プロセス
<script>
// for
for (var i = 1; i <= 100; i++) {
console.log(' ');
}
// 1. var i = 1 . for index
// 2. i <= 100 ,
// 3. i++ i++
// 4. i <= 100
script>
4.forループは同じコードを繰り返す
<script>
// for
for (var i = 1; i <= 10; i++) {
console.log(' ');
}
//
var num = prompt(' ');
for (var i = 1; i <= num; i++) {
console.log(' ');
}
script>
5.forループは異なるコードを繰り返す
<script>
// for i i
// 1 1~100
// for (var i = 1; i <= 100; i++) {
// console.log(' ' + i + ' ');
// }
for (var i = 1; i <= 100; i++) {
if (i == 1) {
console.log(' 1 , ');
} else if (i == 100) {
console.log(' 100 , ');
} else {
console.log(' ' + i + ' ');
}
}
script>
6.forループはいくつかの操作を繰り返す
<script>
// for 100
// 1~100
// 100 , i
// sum , 0
// :1 + 2 + 3 + 4 .... ,sum = sum + i;
var sum = 0; //
for (var i = 1; i <= 100; i++) {
// sum = sum + i;
sum += i;
}
console.log(sum);
script>
7.forサイクルケース
<script>
// 1. 1-100 sum average
var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) {
sum = sum + i;
}
average = sum / 100;
console.log(average);
// 2. 1-100 even odd
var even = 0;
var odd = 0;
for (var i = 1; i <= 100; i++) {
if (i % 2 == 0) {
even = even + i;
} else {
odd = odd + i;
}
}
console.log('1~100 ' + even);
console.log('1~100 ' + odd);
// 3. 1-100 3
var result = 0;
for (var i = 1; i <= 100; i++) {
if (i % 3 == 0) {
// result = result + i;
result += i;
}
}
console.log('1~100 3 :' + result);
script>
8.学生の成績を求めるケース
<script>
// (num)
// ( score),
// for , i <= num
// : 。 ( sum), ( average)
//
var num = prompt(' :'); // num
var sum = 0; //
var average = 0; //
for (var i = 1; i <= num; i++) {
var score = prompt(' ' + i + ' ');
// prompt
sum = sum + parseFloat(score);
}
average = sum / num;
alert(' ' + sum);
alert(' :' + average);
script>
9.1行に5つの星を印刷
<script>
//
// console.log('★★★★★');
// for (var i = 1; i <= 5; i++) {
// console.log('★');
// }
// var str = '';
// for (var i = 1; i <= 5; i++) {
// str = str + '★';
// }
// console.log(str);
var num = prompt(' ');
var str = '';
for (var i = 1; i <= num; i++) {
str = str + '★'
}
console.log(str);
script>
10.二重forサイクル
<script>
// 1. for
// for ( ; ; ) {
// for ( ; ; ) {
// // ;
// }
// }
// 2.
// 3. ,
// 4.
for (var i = 1; i <= 3; i++) {
console.log(' ' + i + ' ');
for (var j = 1; j <= 3; j++) {
console.log(' ' + j + ' ');
}
}
script>
11.5行5列の星を印刷
<script>
//
var str = '';
for (var i = 1; i <= 5; i++) { //
for (var j = 1; j <= 5; j++) { //
str = str + '★';
}
// 5
str = str + '
';
}
console.log(str);
script>
12.n行n列の星を印刷する
<script>
// n n
var rows = prompt(' :');
var cols = prompt(' :');
var str = '';
for (var i = 1; i <= rows; i++) {
for (var j = 1; j <= cols; j++) {
str = str + '★';
}
str += '
';
}
console.log(str);
script>
13.逆三角形の印刷
<script>
//
var str = '';
for (var i = 1; i <= 10; i++) { //
for (var j = i; j <= 10; j++) { // j = i
str = str + '★';
}
str += '
';
}
console.log(str);
script>
out:
★★★★★★★★★★
★★★★★★★★★
★★★★★★★★
★★★★★★★
★★★★★★
★★★★★
★★★★
★★★
★★
★
14.九九乗算表のケース
<script>
//
// 9 , , for
// for i , 9 , 9
// for j
// : , j <= i;
// ,
var str = '';
for (var i = 1; i <= 9; i++) { //
for (var j = 1; j <= i; j++) { // j <= i
// 1 × 2 = 2
// str = str + '★';
str += j + '×' + i + '=' + i * j + '\t';
}
str += '
';
}
console.log(str);
script>
out:
1×1=1
1×2=2 2×2=4
1×3=3 2×3=6 3×3=9
1×4=4 2×4=8 3×4=12 4×4=16
1×5=5 2×5=10 3×5=15 4×5=20 5×5=25
1×6=6 2×6=12 3×6=18 4×6=24 5×6=30 6×6=36
1×7=7 2×7=14 3×7=21 4×7=28 5×7=35 6×7=42 7×7=49
1×8=8 2×8=16 3×8=24 4×8=32 5×8=40 6×8=48 7×8=56 8×8=64
1×9=9 2×9=18 3×9=27 4×9=36 5×9=45 6×9=54 7×9=63 8×9=72 9×9=81
15.whileサイクル
<script>
// 1. while while ...
// while ( ) {
// //
// }
// 2. true
// 3.
var num = 1;
while (num <= 100) {
console.log(' ');
num++;
}
// 4.
// 5.
script>
16.whileサイクルケース
<script>
// while
// 1. , 1 100
var i = 1;
while (i <= 100) {
console.log(' ' + i + ' ');
i++;
}
// 2. 1 ~ 100
var sum = 0;
var j = 1;
while (j <= 100) {
sum += j;
j++
}
console.log(sum);
// 3. , ? , , , 。
var message = prompt(' ?');
while (message !== ' ') {
message = prompt(' ?');
}
alert(' !');
script>
17.do whildサイクル
<script>
// 1.do while
do {
//
} while ( )
// 2. while do while , ,
// 3.
var i = 1;
do {
console.log('how are you?');
i++;
} while (i <= 100)
// 4. do while
script>
18.do whileサイクルケース
<script>
// 1. , 1 100
var i = 1;
do {
console.log(' ' + i + ' ');
i++;
} while (i <= 100)
// 2. 1 ~ 100
var sum = 0;
var j = 1;
do {
sum += j;
j++;
} while (j <= 100)
console.log(sum);
// 3. , ? , , , 。
do {
var message = prompt(' ?');
} while (message !== ' ')
alert(' ');
script>
20. break
<script>
// break
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break;
}
console.log(' ' + i + ' ');
}
script>
out:
1
2