程序的三种基本结构:顺序结构、分支结构、循环结构

条件判断

if

单个条件判断
小括号中的为true,才会走大括号中的语句

  1. if(boolean){
  2. }
  3. var remaining_sum =10;
  4. /* 只有余额大于等于20的时候,才能支付
  5. 否则就提示用户余额不足
  6. */
  7. if(remaining_sum>=20){
  8. console.log("支付成功")
  9. }else{
  10. console.log("余额不足")
  11. }

image.png

if - else if - else

多个条件判断
Tip:最大的条件放前面

  1. /* age>=18 成人
  2. 6<=age<18 青少年
  3. age<6 儿童 console.log(age)
  4. */
  5. var age = 5;
  6. if(age>=18){
  7. console.log("成人")
  8. }else if(age>=6 && age<18){
  9. console.log("青少年")
  10. }else{
  11. console.log("儿童")
  12. }

image.png

switch

  1. <br />case -->满足某个条件,走里面的语句,Tip:在语句后面要加上break关键字<br />break -->结束本次条件判断
var a = 3;
switch(a){
  case 1:
      console.log("等于1");
      break;
  case 2:
      console.log("等于2");
      break;
  default:
      console.log('其他值')
}

image.png

循环


while(true){
一直执行
}

var a = window.confirm("你是否想要下载");
a = a+10;
console.log(a);       
while(a){
    alert("请下载")
}

test2.gif

for…in…
获取对象属性的值

var obj = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in obj) {
    alert(obj[key]); 
}

test3.gif

break和continue

break
跳出循环,中断循环

for(var i=0;i<=3;i++){
    if(i==2){
      break;
    }
    console.log(i)
}

image.png

continue 不会执行continue后面的语句,跳过某次循环

for(var i=0;i<=3;i++){
    if(i==2){
      continue
    }
    console.log(i)
}

image.png