JavaScript入门(三)

本文深入讲解JavaScript中的流程控制语句,包括if条件判断、switch多分支、for循环、while循环等,通过实例演示如何有效控制程序流程,提高代码效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

语句

1、if条件判断语句

if条件判断语句是最基本的流程控制语句,可以根据条件表达式的值执行相应的处理。if语句的语法格式如下:

if(i > 25){
	alert("Great than 25.");	//单行语句
}else {
	alert("Less than or equal to 25.");		 	//代码块中的语句
}

if语句是一种使用灵活的语句,除了可以使用if…else的形式外,还可以使用if…else if的形式。if…else if语句的语法格式如下:

if(expression 1){
	statement 1;
}else if(expression 2){
	statement 2;
}
.....
else if(expression n){
	statement n;
}else{
statement n+1;
}
2、switch多分支语句

switch是典型的多路分支语句,起作用与嵌套使用if语句基本相同。switch语句比if语句更具有可读性,而且允许在找不到一个匹配条件的情况下执行一组默写的语句。switch语句的语法格式如下:

<script>
 
      var score = 59;
 
      // 需求 : 将需要一个整型数值, 不想要小数点.
      // window 对象的 parseInt 方法.
      score = window.parseInt(score / 10 + "");
      // alert(score);
 
      switch (score) {
          case 10:
          case 9:
              alert("优秀!");
              break;
          case 8:
              alert("良好!");
              break;
          case 7:
          case 6:
              alert("及格!");
              break;
          default:
              alert("不及格!");
              break;
      }
  </script>
3、for循环语句

for循环语句也成为计次循环语句,一般用于循环次数已知的情况,在JavaScript中应用比较广泛。for循环语句的语法格式如下:

<script>
	var sum = 0;
for(i=1;i<100;i+=2{
	sum = sum + i;
}
alert("100以内所有的奇数和为:" + sum);
</script>
4、while 循环语句

while循环语句也称为前测试循环语句,他是利用一个条件来控制是否要继续重复执行这个语句。while和for循环语句相比,无论是语法还是执行的流程,都较为简明易懂。while循环语句格式如下:

<script>
	var i = 1;
	var sum = i;
	var result ="";
	document.write("累加和不大于10 的所有自然数为:<br>");
	while(sum<10){
		sum = sum + i;
		document.write(i + '<br>');
		i++;
	}
	</script>
5、do…while循环语句

do…while循环语句称为后测试循环语句,他也是利用一个条件来控制是否要继续重复执行这个语句。与while循环不同的是,他先执行一次循环语句,然后再去判断是否继续执行。do …while循环语句的格式如下:

<script>
	var i = 1;
	var sum = i;
	var result ="";
	document.write("累加和不大于10 的所有自然数为:<br>");
	do{
		sum = sum + i;
		document.write(i + '<br>');
		i++;
	}while(sun<10)
	</script>
6、循环嵌套

例子为九九乘法表

 <style>
        table {
            /* 将 table 表格的线变成了细线 */
            border-collapse: collapse;
            /*color: red;*/
            border-color: red;
        }
    </style>
 
    <script>
 
        // 需求 : 九九乘法口诀表
        document.write("<table border='1px solid red' cellspacing='0' cellpadding='8px'>");
        document.write("<caption>九九乘法口诀表</caption>");
        for (var i = 1; i <= 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(j + "*" + i + "=" + (j*i) + "&nbsp;&nbsp;&nbsp;&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
 
    </script>
 
7、break和continue语句

break和continue语句用于在循环中精确地控制代码的执行,其中break语句会立即退出循环,强制执行循环后面的语句,而continue语句虽然也是立即退出循环后会从循环的顶部继续执行,代码如下:

var num = 0;
for(var i = 1;i<10;i++){
	if(i%5 == 0){
		break;
	}
	num++;
}
alert(num);			//4
var num = 0;
for(var i = 1;i<10;i++){
	if(i%5 == 0){
		continue;
	}
	num++;
}
alert(num);			//8
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值