Blogger Information
Blog 2
fans 0
comment 1
visits 1357
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js中switch语句、循环、break和continue以及函数3/26日作业————***五期线上班
一路上有你的博客
Original
871 people have browsed it

一.switch(多分支选择语句)用来实现根据不同的条件来执行不同的动作。

相对于if语句,switch 语句可以用来执行条件更多,更复杂的程序。

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<script>
		switch(3)
		{
			case 1:document.write('第一个case');break;
			case 2:document.write('第二个case');break;
			case 3:document.write('第三个case');break;
			case 4:document.write('第四个case');break;
			default:document.write('没有输出结果')
		}
	</script>
</body>
</html>

运行实例 »

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

运行结果如图:微信截图_20190401131222.png

二.循环语句.一共四种循环语句,前三种功能上都可以实现同样的效果,知识代码书写不同。第四种for/in可以循环输出数组的内容。

for循环:for(初值;条件;步长){执行程序};

while循环:while(条件){执行程序};

do...while循环:do{执行程序}while(条件);

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

for(i in object){执行程序};

下面是用前三种循环分别输出数字1-10的代码:

实例

//for循环:
		for(var i=1;i<=10;i++){
			document.write(i)
		}
		var i=1;
//while循环:
		while(i<=10){
			document.write(i);
			i++;
		}
//do...while循环:
		var i=1;
		do{
			document.write(i);
			i++;
		}while(i<=10);

运行实例 »

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

用for/in循环输出对象和数组的内容。

实例

var a={
			name:"灭绝师太",
			age:"18岁",
			height:"170cm"
		}
		var x;
		var text="";
		for(x in a){
			text=text+a[x]+";"
		}
		document.write(text);

运行实例 »

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

运行结果如图:微信截图_20190401131948.png

三.break 和continue

break语句用于跳出整个循环     continue用于跳出循环中的某一个迭代。具体效果用下面的代码和运行效果体现。

实例

//break的使用:
	for(var i=1;i<=10;i++){
		if(i==5){
			break;
		}
		document.write(i)}

//continue的使用:
		for(var i=1;i<=10;i++){
			if(i==5){
				continue;
			}
			document.write(i+'<br>');
		}

运行实例 »

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

运行效果如图:微信截图_20190401132459.png

四.函数(function)

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

函数的声明有三种方式:自定义函数、匿名函数、构造函数;

自定义函数:function x(){document.write(php中文网)}    

匿名函数:var x=function(){document.write(php中文网)}

构造函数:var obj=new Function(document.write(PHP中文网))

函数的值分为形参和实参:

形参:创建函数的时候,函数名后面括号里中的参数,它的作用是为函数外部的变量提供一个进入到函数体中的门。

实参:调用函数的时候,函数名后面的括号中的参数,它的作用是将函数外面的变量通过实参传入到函数中。

例如:

实例

function n(x,y)//形参
			
{
				
document.write(x*y);
			
}
			
n(3,6);//实参

运行实例 »

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



返回值:return函数只要运行到return语句,整个函数调用就立刻结束,在return语句后面还有的语句都不会继续运行了。

五.作业案例:

1九九乘法表:

实例

for(var i=1;i<=9;i++)//第一个乘数的获取
		{
			for(var j=1;j<=i;j++)//第二个乘数的获取
				{
					var kong="&nbsp;&nbsp;&nbsp;  "
					if(i*j<=9){
						kong="&nbsp;&nbsp;&nbsp;&nbsp;"//控制间隔,乘积为个位数的间距大,乘积为两位数输的间距小,来保持对齐。
					}
					document.write(j+'x'+i+'='+(i*j)+kong)
				}
				document.write('<br>')
		}

运行实例 »

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

运行结果如图:微信截图_20190401133354.png

实例2,用*和空格的组合来在页面上输出三角形的图形。

顶部的*少,空格多,底部相反,所以用两个循环来分别控制*和空格的输出。


实例

for(var i=1;i<=6;i++)
		{
			for(var g=1;g<=7-i;g++)//输出空格
			{
				document.write("  ")
			}



			for(var j=1;j<=i*2-1;j++)//输出*
			{
				document.write("*")
			}
			document.write('<br>')
		}

运行实例 »

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

运行结果如图所示:微信截图_20190401133714.png

总结:

1.switch用来实现根据不同的条件来执行不同的动作。

2.循环语句一共有四种分别是:for循环:for(初值;条件;步长){执行程序};while循环:while(条件){执行程序};do...while循环:do{执行程序}while(条件);for/in循环:用于循环对象属性(循环中的代码将针对每一个属性执行一次)for(i in object){执行程序};

3.break 和continue

break语句用于跳出真个循环     continue用于跳出循环中的某一个迭代。

4.函数(function)

函数的声明有三种方式:自定义函数、匿名函数、构造函数;

自定义函数:function x(){document.write(php中文网)}    

匿名函数:var x=function(){document.write(php中文网)}

构造函数:var obj=new Function(document.write(PHP中文网))

函数的值分为形参和实参:

形参:创建函数的时候,函数名后面括号里中的参数,它的作用是为函数外部的变量提供一个进入到函数体中的门。

实参:调用函数的时候,函数名后面的括号中的参数,它的作用是将函数外面的变量通过实参传入到函数中。

返回值:return函数只要运行到return语句,整个函数调用就立刻结束,在return语句后面还有的语句都不会继续运行了。




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