Blogger Information
Blog 23
fans 1
comment 0
visits 19796
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS中多分支选择语句、循环语句、函数-2019年3月26日
蛋糕356的博客
Original
1348 people have browsed it

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>

运行实例 »

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


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments