js 流程控制-循环控制

最新推荐文章于 2024-04-19 20:31:18 发布

铭铭铭铭天

最新推荐文章于 2024-04-19 20:31:18 发布

阅读量84

点赞数

文章标签：流程控制循环控制分支九九乘法表

本文链接：https://blog.csdn.net/weixin_45542045/article/details/102575176

版权

流程控制

单分支： if

var num = 90;
if (num >= 90) {
  console.log('成绩优秀==========')
};

双分支： if else

if (num >= 90){
    console.log('成绩优秀=========')
}
else {
    console.log('还要加强备课===')
};

多分支： if elseif… else

if (num >= 95){
    console.log('成绩优秀=========')
}
else if (num >=90){
    console.log('及格=========')
}
else {
    console.log('还要加强备课===')
};

switch…case 的用法

var age = 1;
// case的判断用的是 ===全等
switch (age) {
    case 1:  // 
        console.log('1周岁');
        break;
    case 2:
        console.log('2周岁');
        break;
    case '1':  // 这里的判断条件是要求数值和字符类型都要相等，所以不走这个分支
        console.log('1周岁');
        break;
    default:
        console.log('没有满足的条件');

循环控制

while
打印0-9的整数

var num = 0;
while (num < 10) {
    console.log(num);
    num++
}

for in
打印：
0 python
1 java
2 php
name 铭天
age 22
gender 男

var arr = ['python', 'java', 'php'];
for (i in arr) {
    console.log(i, arr[i])
}
var obj = {
    name: '铭天',
    age: '22',
    gender: '男'
};
for (i in obj) {
    console.log(i, obj[i])
}

单纯使用for
打印：
0 “python”
1 “java”
2 “php”

var arr1 = ['python', 'java', 'php'];
for (var i = 0; i < arr.length; i++) {
    console.log(i, arr[i])
};

do while
打印0-9的整数

var a = 0;
do {
    console.log(a);
    a++;
} while (a < 10)   // 结束条件

js分支循环练习 – 九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        .red{
            background-color: red;
        }
        .yellow{
            background-color: yellow;
        }
    </style>
</head>
<body>
<script>
    var table='<table border="1">';
    // 九九乘法表
    for (var r=1;r<=9;r++) {
        if(r%2==0) {
            var tr = '<tr class="yellow">';
        }else {
            var tr = '<tr class="red">'
        }
        for (var c=1;c<=r;c++) {
            tr += '<td>'+c+'*'+r+'='+r*c+'</td>';
        }
        tr+='</tr>';
        // 拼接到table
        table+=tr;
    }
    // 把table的闭合标签拼接
    var res = table+'</table>';
    document.write(res);
</script>
</body>
</html>