博客列表 >JS中多分支选择语句、循环语句、函数-2019年3月26日

JS中多分支选择语句、循环语句、函数-2019年3月26日

蛋糕356的博客
蛋糕356的博客原创
2019年04月02日 13:03:031347浏览

1.switch(多分支选择语句) 语句:用于基于不同的条件来执行不同的动作.语句结构如下:

switch(n){ //n:首先设置表达式(通常是变量)

  //    case 1:  //case 常量表达式

  //         执行代码块 1

  //         break;

  //    case 2:

  //         执行代码块 2

  //        break;

  //        ....

  //     default:

  //         与 case 1 和 case 2 ...不同时执行的代码

  // }

实例
var num=5;
  	switch(num){
  		case 1:document.write('a');
  		break;
        case 2:document.write('b');
  		break;
  		case 3:document.write('c');
  		break;
        case 4:document.write('d');
  		break;
  		default:document.write('?');
  	}
运行实例 »
点击 "运行实例" 按钮查看在线实例

2.for循环语句:

// 格式:

// for (初始值;循环条件;步长){

// 循环体;

// } 

实例

// 【案例1】计算:用循环在页面中输出1到10	 
     var i=1;//初始值
     var num=0;//计算结果
     for(i;i<=10;i++){
     	num++;// num+=1
     	document.write(num+"<br>");
     }

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

// 【案例2】js打印九九乘法表
   for(var i=1;i<=9;i++){//第一个乘数
      for(var j=i;j<=9;j++){//第二个乘数 1X1=1
      	var kong="   "
      	if(i*j<10){
      		kong+="  "
      	}
        document.write(i+'X'+j+'='+(i*j)+kong)
      }
     document.write('<br>')
   }

运行实例 »

点击 "运行实例" 按钮查看在线实例

3. while 循环 (只要指定条件为 true,该循环就可以一直执行代码块;所以不要忘记加条件奥!浏览器会崩溃的!) 

// while (条件)

// {

//     需要执行的代码

// }

实例

【案例1】计算:用循环在页面中输出1到10
    var i=1;
    while(i<=10){
    	document.write(i+"<br>");
    	i++;
       }

运行实例 »

点击 "运行实例" 按钮查看在线实例

4.do..while循环(该循环是 while 循环的变体;该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行)

// do{

//    循环体

// }while(条件表达式)

实例

// 【案例1】计算:用循环在页面中输出1到10    
   var i=1;
   do{
   	document.write(i+"<br>");
   	i++;
   }while(i<=10);

运行实例 »

点击 "运行实例" 按钮查看在线实例

5.for/in 语句用于循环对象属性( for...in 循环中的代码块将针对每个属性执行一次)

    // 语法:  for (var in object) {

    //                    执行的代码块}

实例

var add={
    	 name:"欧阳克",
    	 age:"69岁",
    	 height:"188cm"
    }    
    var x;
    var text="";
    for(x in add){
      text=text+add[x]+";"
    }
    document.write(text);

    var week=["周一","周二","周一","周一","周一","周一","周日"];
    var x
    for(x in week){
    	document.write(week[x]+'<br>')
    }

运行实例 »

点击 "运行实例" 按钮查看在线实例

6.Break和 Continue

    // break 语句用于跳出循环

    // continue 用于跳过循环中的一个迭代

实例

 for(var i=1;i<=10;i++){
    	if(i==5){
    		break;
    	}
    	document.write(i+'<br>')
    }
    
    for(var i=1;i<=10;i++){
    	if(i==5){
    		continue;
    	}
    	document.write(i+'<br>')
    }

运行实例 »

点击 "运行实例" 按钮查看在线实例

7.函数(Function)  

 // 函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

 // 函数的声明:

  // JavaScript 使用关键字 function 定义函数;函数可以通过声明定义,也可以是一个表达式

  // 创建自定义函数的语法:

  //     function functionName(){

  //        执行的代码块

  //      }

实例

 function num(){
    var i=1;//初始值
     var num=0;//计算结果
     for(i;i<=10;i++){
      num++;// num+=1
      document.write(num+"<br>");
     }
  }
  num()
  // 注意:函数不会自己运行,只有被调用了才会运行
  // 函数表达式:JavaScript 函数可以通过一个表达式定义,函数表达式可以存储在变量中;
  var x=function(){document.write('我是灭绝')}//匿名函数

  // Function()构造函数
   // var obj=new Function(document.write('我是灭绝'))
   // obj()
  // 函数的返回值与参数
  //   在调用函数时,您可以向其传递值,这些值被称为参数
  //   函数的参数可分为:形参、实参
  //   形参:形式参数,是指函数创建的时候,函数名后面的括号中的参数,它的作用是为函数外部的变量提供一个进入到函数体中的“门”。
  //   实参:实际参数,是指函数在调用的时候,函数名后面的括号中的参数,它的作用是将函数外面的变量通过实参穿入到函数中。
    // function functionName(参数序列){
    //      执行的代码块
    //    }
    function obj( x,y){
      document.write(x*y);
    }
    obj(5,10);
    // 创建带有返回值的函数
    // 关键字:return 返回值
    //函数只要运行到return 语句,整个函数调用就立刻结束,在return语句后面还有语句也不会继续运行
    function a(b,c){
            document.write('欢迎来到php中文网!');
      return b+c;

    }
    document.write(a(100,50));

运行实例 »

点击 "运行实例" 按钮查看在线实例

7.分别用for循环打印九九乘法表,while循环用*打印三角形,代码如下

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>打印九九乘法表</title>
</head>
<body>
	<span>用for循环打印九九乘法表案例</span>
	<script type="text/javascript">
		for (var i =1; i <= 9; i++) {
			for(var j=i;j>=1;j--){
				if(i==j){
					document.write('<br>');
				}
				document.write(i+'X'+j+'='+i*j+'  ');
			}
			
		}
		document.write('<hr><br><br>');
	document.write('用while循环用*打印三角形案例<br>');

	//用while循环用*打印三角形案例
	var a=1;
	while(a<20){
		var b=1;
		while(b<a){
			document.write('*');
			b++;
		}
		document.write('<br>');
		a++;
	}
	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议