JavaScript的程序结构

最新推荐文章于 2024-01-24 11:10:03 发布

ruthy-wei

最新推荐文章于 2024-01-24 11:10:03 发布

阅读量3k

点赞数 1

本文链接：https://blog.csdn.net/ruthywei/article/details/72454056

版权

程序结构

分为三大类:

顺序：程序默认都是从上到下逐行执行

分支：根据条件判断的结果，有选择的执行不同

循环：程序可以反复执行同一代码段，到达临界时退出

**************************************************************************************************

例子：

需求分析:

input process output

var price=prompt("please input the goods price:");
var accout=prompt("please input the goods account:");
var money=prompt("please input the goods money:");
var sum=parseFloat(price)*parseInt(accout);
(sum>500)&&(sum*=0.8);
var change=money-sum;
alert("应收"+sum+",找零"+change);

分支结构

1.if 结构：

语法：if（条件）{

满足条件才执行的的代码段}

2.if ···else结构：

语法：if（条件）{

满足条件才执行的的代码段}

else{

条件不满足}

3.else if结构

语法：if（条件1）{

满足条件1才执行的的代码段}

else if（条件2）{

条件2满足}

else if（条件3）{

条件3满足}

else{

之前所有条件都不满足}

4.分支结构 vs 三目/短路

如果只是返回值-->三目/短路

如果操作复杂--->分支结构

短路逻辑：

条件&&操作：一件事情，满足就做，否则不做，只限操作简单的情况下

值1||值2：如果值1有效，就返回值1，否则返回值2

三目运算：

三目运算：多个值，按条件判断，多选一

条件1？值1：

条件2？值2：

·······？·····：

默认值；

5.switch结构

语法：switch（表达式）{

case 值1：代码1;

case 值2：代码2;

case 值3：代码3;

````````````````

default:默认代码段;

}

break:停止当前结构的执行,并跳出当前结构

continue：结束本轮循环，继续下一轮循环//control一般都额可以使用否定条件代替.

switch:条件是全等比较时，首选switch case

else if:除全等比较外，希望灵活定义条件时

循环结构

循环结构：让程序反复执行一段代码段，只有达到临界条件时，停止循环

3要素：

1.循环条件：继续循环的条件

2.循环变量：在循环条件中，用作比较的变量

//从几开始,每次增减几,到几结束

3.循环体:反复执行的代码段

while循环

使用条件：循环变量的变化规律不确定的时候

语法 while（条件）{

循环体；

迭代循环变量；}

例子：

猜数字游戏：由计算机随机生成一个0-100的数字，玩家进行猜测数字的大小，并给予猜大了，猜小了的提示，直到最后猜对！

var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的随机数
var input="";
while(input!=n&&input!="exit"){
input=prompt("you guess");
alert(
    input>n?"bigger":
    input <n?"smaller":
    input=="exit"?"give up!":
    "you are right"
);

do while循环

使用条件：如果第一个条件就不满足，也希望至少能执行一次；

语法：var 循环变量=初值；

do{

循环体；

迭代变化循环变量；

} while（循环条件）

for循环

使用条件：循环变量的变化规律固定时

语法：var 循环变量=初值；

for（var 循环变量=初值；循环条件；迭代变化循环变量）{

循环体}

例子：打印乘法表中制定一行（必须在控制台输出）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
           function fun(n){
	           var str="";
	           for(var i=1;i<=n;i++){
	           	  str+=( i+"x"+n+"="+(i*n)+" ");
	           }
	           console.log(str);
           }
		</script>
	</head>
	<body>
		<button οnclick="fun(prompt('请输入行号：'))">打印乘法口诀指定行</button>
	</body>
</html>

ruthy-wei

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的程序结构

程序结构分为三大类:顺序：程序默认都是从上到下逐行执行分支：根据条件判断的结果，有选择的执行不同循环：程序可以反复执行同一代码段，到达临界时退出**************************************************************************************************例子：需求分析:
复制链接

扫一扫