当前位置:   article > 正文

JS 中 if/switch语句及for循环while&to....while_js if case

js if case

在任何一门程序设计语言中,都需要支持满足程序结构 化所需要的三种流程控制:

  • 顺序控制
  • 分支控制(条件控制)
  • 循环控制

顺序控制:在程序流程控制中,最基本的就是顺序控制。程序会按照自上而下的顺序执行。

 

if语句(JS中常用语句)

分类:单分支,双分支,多分支,分支嵌套

  1. // 单分支
  2. if (条件表达式){
  3. 代码段
  4. }
  5. // 双分支
  6. if (条件表达式) {
  7. 代码段1
  8. }else {
  9. 代码段2
  10. }
  11. // 多分支
  12. if (条件表达式1){
  13. 代码段1
  14. } else if (条件表达式2){
  15. 代码段2
  16. } else if (条件表达式3){
  17. 代码段3
  18. }else{
  19. 代码段4
  20. }

()中可以是一个值,也可以是一个表达式

  1. // 单分支
  2. var score = 78;
  3. if(score>=60 && score<=100){
  4. console.log('及格');
  5. }

Switch

switch(n(变量)){  

case 值1:

代码段;

     break;

casse 值2:

代码段;

  break;

......

default:

代码段;

}

//原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

注意:()只能是变量或值,不能是表达式

  1. var d = new Date();
  2. console.log(d); // 获取日期时间对象
  3. var week = d.getDay(); // 获取星期几
  4. switch (week) {
  5. case 0:
  6. console.log('星期天');
  7. break;
  8. case 1:
  9. console.log('星期一');
  10. break;
  11. case 2:
  12. console.log('星期二');
  13. break;
  14. case 3:
  15. console.log('星期三');
  16. break;
  17. case 4:
  18. console.log('星期四');
  19. break;
  20. case 5:
  21. console.log('星期五');
  22. break;
  23. case 6:
  24. console.log('星期六');
  25. break;
  26. }

什么时候用if,什么时候用switch

if:条件是一个范围 或者 是具体的值 switch:条件是一个具体的值 能够使用switch实现的判断,都可以使用if来实现 但是,能够使用if语句实现的判断,不一定能使用switch实现

 循环控制语句:

while语句

While 循环会在指定条件为真时循环执行代码块。 While循环,先进行条件判断,再执行循环体的代码

表达式:

while (条件表达式){

循环体

}

注意:当前循环中,如果不满足条件,一次都不会执行

var i= 1;

while(i<=10){

console.log(i);

i++;

}

do......while

do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。 do while循环,先执行循环体代码,再进行条件判断。至少执行一次循环体的代码。

1

表达式:

do{

代码段

}while(条件表达式)

注意:当前循环中,代码至少执行一次 

var i=1;

do{

i++; // 2

console.log(i);

}while(i<=10)

for循环

for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {

循环体

}

注意:

  1. 循环变量可以定义在for 循环结构体外
  2. 没有更新循环变量会变成死循环
  3. 循环条件中的‘;’不能省略

循环输出5个div标签

  1. for(var i=o;i<5;i++){
  2. document.write('<div>1</div>')
  3. }

循环输出1-100

  1. for(var i=1;i<=100;i++){
  2. document.write(i);
  3. }

用for循环写倒金字塔

  1. var n=window.prompt("9");
  2. document.write("倒金字塔<br/>");
  3. for(i=1;i<=n;i++){
  4. for(j=1;j<=i-1;j++){
  5. document.write("&nbsp;");
  6. }
  7. for(k=1;k<=2*(n-i+1)-1;k++){
  8. document.write("*");
  9. }
  10. document.write("<br/>");
  11. }

99乘法表

  1. for (var a = 1; a <= 9; a += 1) {
  2. d=1+'×' +a
  3. console.log(d);
  4. for (var c = 1; c<=a; c+=1 ) {
  5. // document.write("<div>"+c+'×' +a+"</div>");
  6. document.write("<div>"+c+'×' +a+'='+c*a+"</div>");
  7. }
  8. document.write('<br/>')
  9. }

 for...in

for (变量 in 对象) {

代码段

}

  • for...in 语句用来遍历对象的每一个属性。每次都将属性名作为字符串保存在变量里
  • 在无法预知对象的任何信息,和循环次数的时候使用
  1. var arr = [
  2. {
  3. "name":"Java编程思想",
  4. "price":78.9
  5. },
  6. {
  7. "name":"python入门宝典",
  8. "price":59
  9. },
  10. {
  11. "name":"JavaScript程序设计",
  12. "price":69
  13. }
  14. ];
  15. for(var i=0;i<arr.length;i++){
  16. // console.log(arr[i]);
  17. // json - {"name":"Java编程思想","price":78.9}
  18. for(key in arr[i]){
  19. console.log(arr[i][key]);
  20. }
  21. }

跳转语句 

continue

continue语句只能应用在循环中(while、do......while、for)语句中 用于中止本次循环,根据控制表达式还允许继续进行下一次循环。

  1. var iNum = 0;
  2. for (var i=1; i<10; i++) {
  3. if (i % 5 == 0) {
  4. document.write(i);
  5. continue;
  6. }
  7. iNum++;
  8. }
  9. alert(iNum);

break

break语句只能应用在循环(while、do......while、for)或switch语句中 break语句用于退出循环,阻止再次反复执行任何代码或者退出一个switch语句

  1. for (var i=1; i<10; i++) {
  2. if (i % 5 == 0) {
  3. break;
  4. }
  5. iNum++;
  6. }
  7. alert(iNum);

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/652750
推荐阅读
  

闽ICP备14008679号