JavaScript的程序结构

JavaScript的程序结构分为三大类:

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

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

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

例子:

JavaScript的程序结构

 

需求分析:

input process output

  1. var price=prompt("please input the goods price:");
  2. var accout=prompt("please input the goods account:");
  3. var money=prompt("please input the goods money:");
  4. var sum=parseFloat(price)*parseInt(accout);
  5. (sum>500)&&(sum*=0.8);
  6. var change=money-sum;
  7. 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的数字,玩家进行猜测数字的大小,并给予猜大了,猜小了的提示,直到最后猜对!

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

do while循环

使用条件:如果第一个条件就不满足,也希望至少能执行一次;

语法:var 循环变量=初值;

do{

循环体;

迭代变化循环变量;

} while(循环条件)

for循环

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

语法:var 循环变量=初值;

for(var 循环变量=初值;循环条件;迭代变化循环变量){

循环体}

例子:打印乘法表中制定一行(必须在控制台输出)

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <script type="text/javascript">
  7. function fun(n){
  8. var str="";
  9. for(var i=1;i<=n;i++){
  10. str+=( i+"x"+n+"="+(i*n)+" ");
  11. }
  12. console.log(str);
  13. }
  14. </script>
  15. </head>
  16. <body>
  17. <button οnclick="fun(prompt('请输入行号:'))">打印乘法口诀指定行</button>
  18. </body>
  19. </html>
JavaScript的程序结构
posted @ 2021-04-20 15:35  指尖上的代码go  阅读(241)  评论(0)    收藏  举报