博主信息
博文 2
粉丝 0
评论 1
访问量 1741
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js中switch语句、循环、break和continue以及函数3/26日作业————***五期线上班
一路上有你的博客
原创
1120人浏览过

一.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语句后面还有的语句都不会继续运行了。




批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学