Java开发工程师应该掌握的JS语法

Posted 2021-08-08 @阿证1024

1. if语句

<script type="text/javascript">
	 var a = 10;
	 if(a == 10){
	     alert("HELLO")
	 } else {
	     alert("WORLD")
	 }
	 
	// 当然js中也可以使用if-else if-else
	if (a < 10) {
      console.log("a小于10")
     } else if (a > 10) {
         console.log("a大于10")
     } else {
         console.log("a等于10")
     }
</script>

2. switch

switch 做等值判断，switch能办到的事，if都可以实现，反之则不一定。

语法：

switch(变量){
	case 值1：
	   执行语句
	   break;
	case 值2：
	   执行语句2
	   break;
	...........
	default:
	   执行默认情况
	   break;
}

案例中的注释中有两个小注意点！！！

// 举个小例子
<script>
   	var char = prompt("请输入0-2: ");
    switch(char){ // 1. switch用的是===
        case '0':
            document.write("你输入了0");
            break; // 2. 如果没有break语句, 会一直往下走, 直到遇到break语句, 或者整个switch执行完毕
        case '1':
            console.log("你输入了1");
            break;
        case '2':
            confirm("你输入了2");
            break;
        default:
            console.log("你什么也没有输入");
    }
</script>

3. for循环

语法格式：

for(1.定义变量; 2.循环条件; 4.变量的改变){
	3.循环体
}

案例：

<script>
	// 从1打印到100
	for (var i = 1; i <= 100; i++) {
	    document.write(i + "<br>")
	}
</script>

练习：

<script>
	/*
	    打印出100-999之间的水仙花数
	    水仙花数=个位的三次方+十位数的三次方+百位数字的三次方
	    分别为:153、370、371、407
	*/
	for (var i = 100; i < 1000; i++) {
	    var a = parseInt(i / 100); // 取得百位上的数字
	    var b = parseInt((i / 10) % 10); // 取得十位上的数字
	    var c = parseInt(i % 10); // 取得个位上的数字
	    if ((a * a * a + b * b * b + c * c * c) == i) {
	        document.write(i + "<br>");
	    }
	}
</script>

4. continue break 关键字

• continue作用：跳过continue下面的语句，继续进行下一次循环；
• break作用：中断整个循环，下面的语句不再执行。

<script>
	// continue关键字
    // 打印1-100中不能被3整除的数字
    for (var i = 1; i <= 100; i++) {
        if (i % 3 == 0) {
            continue; // 结束此次循环, 进入下一次循环, continue后面的代码不再被执行
        }
        document.write(i + "<br>")
    }
	
	// break关键字
	// 输入5门功课的成绩，计算平均值，如果输入负数，直接提示输入有误
    var sum = 0; // 记录总成绩
    var flag = false;
    for(var i = 0; i < 5; i++){
        var grade = parseInt(prompt("请输入第" + (i + 1) + "门功课的成绩: "));
        // 判断输入的成绩是否是负数
        if(grade < 0){
            alert("成绩输入有误！")
            flag = true;
            break; // 结束当前循环
        }
        sum += grade; // 更新总成绩
    }
    if(!flag){
        document.write("平均分是: " + (sum / 5) + "<br>")
    } 
</script>

5. while循环

语法：

While(循环条件){
	循环体
}

案例：

<script>
	// 打印1-100之间的数字
	var i = 1;
	while (i <= 100) {
		document.write(i + "<br>");
		i++;
	}
	// 先循环, 再判断
</script>

6. do while循环

语法：

do{
	循环体
}while(循环条件)

案例：

<script>
    // 注意：总会执行第一次
    // 案例：打印1 - 100之间的数字
    var i = 1;
    do {
      document.write(i + "<br>");
      i++;
    } while (i > 100)
</script>