前端：JS/19/特殊运算符，运算符优先级，if条件判断语句，switch分支语句，while循环语句，for循环语句，break和continue循环控制语句，实例：九九乘法表

最新推荐文章于 2022-03-30 20:31:17 发布

浅香沉木

最新推荐文章于 2022-03-30 20:31:17 发布

阅读量295

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Java_53/article/details/105912981

版权

特殊运算符

new运算符：创建一个对象。如：var today=new Date();
delete运算符：删除数组的元素，或者对象的属性；
typeof运算符：一元运算符，主要功能：判断变量的类型的，如：typeof name 或
typeof(name)
点运算符：主要应用在对象中，通过点运算符（.）去调用属性或方法；如：window.alert(“OK”)
[]中括号：主要用来访问数组元素的，如：arr[0]=100;//找到下标为0的数组元素，并重新赋值 arr=[10,20,30,40,50];

运算符优先级

1，if条件判断语句

1，if(判断语句){
执行语句
}

2，if(判断语句){
执行语句1
}else{
执行语句2
}

3，if(判断语句1){
执行语句1
}else if(判断语句2){
执行语句2
}else if(判断语句3){
执行语句3
}…else if(判断语句n){
执行语句n
}else{
以上条件都不满足时执行的语句
}

2，switch分支语句

switch结构说明：

如果不写break,程序将会继续向下执行，直到break语句或default语句才会跳出分支语句；

3，while循环：只要条件成立，就重复不断的执行循环体代码

语法格式：
while(条件判断){
如果条件为true，则执行循环体代码
}
例：输出1-10之间的所有数
var i=1;
while(i<=10){
document.write(i);
i++;
}

4，for循环语句

语法格式：
for(变量初始化; 条件判断; 变量变化语句){
循环休代码;
}

例：求1-100间所有的偶数的和

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for</title>
    <script type="text/javascript">
        var s = 0;
        for (i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                s += i;
            }

        }
        document.write("1-100之间的所有偶数的和为：" + s);
    </script>
</head>

<body>

</body>

</html>

5，break语句和continue语句（循环控制语句）

实例：九九乘法表

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS九九乘法表</title>
    <script type="text/javascript">
        var str = "";
        str += "<table width=800 border=1 rules=all align=center>";
        for (i = 1; i <= 9; i++) {
            str += "<tr>"
            for (j = 1; j <= i; j++) {
                str += "<td>&nbsp; " + i + "\*" + j + "=" + i * j + "</td>"
            }
            str += "</tr>"
        }
        str += "</table>"

        document.write(str);
    </script>


</head>

<body>

</body>

</html>