流程控制

北城余情 提交于 2020-03-30 09:59:32

 

流程控制

三种结构

  1. 顺序结构:大部分代码都是顺序结构,按照顺序来执行, 这本来就是一种流程,也是使用最广泛、最常见的顺序结构
  2. 分支结构:if, switch
  3. 循环结构: for, while

 

if 语句

var year = prompt('请输入一个年份');if(parseInt(year)%4==0 & parseInt(year)% 100 != 0 || year % 400 == 0){  alert('这是闰年!'); }else{  alert('这是平年!');};

1. 没有用双等号;为啥要用双等号?

  • = 表示赋值, 将值赋值给变量
  • == 表示两边的值相等;先转换类型,然后对比
  • === 恒等于;直接对比,如果类型不同,直接返回不相同;

2. 没有仔细分析题目,漏了 || 之后的代码;

 

多分支语句 if- elseif: 多选一

如果有3 个判断语句,只要有一个满足,执行相应的语句后,if-elseif 整个语句结束,不会继续判断;如果都不满足,执行最后的 else;

不管多少个语句,只会执行其中的一个,这就是多选一;

if (){

} else if {

} else if {

} else {

}

 

三元表达式

语法:条件表达式 ? 结果1:结果2

执行思路:

if(条件表达式){

  结果1;

} else{

  结果2;

};

result = 5 > 3 ? 'yes' : 'no'

练习:

result = num > 10 ? num : '0' + num 

 

 

SWITCH 语句

 

  1. 多选一; 
  2. 全等关系; ===; 如果类型不同,匹配失败;
  3. break 必写,否则会继续执行switch 之后的case,直到遇到break 或者遇到 default 为止;
switch(2){
  case 1:    console.log('1');    break; //退出整个switch  case 2:    console.log('3');    break;  default:    console.log('没有匹配结果');
}

 

switch & if-elseif

  1. 可以相互替换
  2. switch 判断确定的值;if-elseif 判断值的范围
  3. 分支较少,if-elseif 的效率较高;分支较多,switch 的结构清晰;
  4. 执行效率:老师说switch的高,但是我觉得其实两个都一样,执行的时候,需要逐个条件判断,直到符合那个条件的。

 

 

循环的目的:重复执行某些代码;

  1. for 循环
  2. while 循环
  3. do while

 

循环语句:循环体 + 终止条件

执行过程:i ++  最后执行,执行完循环体之后,才会执行 i++;

 

i = index 的缩写;

for(var i < 0; i < 100; i ++){

  // 循环体

};

 

For 循环

for 循环可以重复执行不同代码:代码每次执行时,计数器代码 i 的值每次循环都不一样,只要将代码与 i 关联起来即可;

 

在for 循环内部,嵌套if 分支语句;

for (var i = 0; i < 100; i ++){

  if(i ==1){

    console.log('出生了,今年 1 岁了;');

  } else if( i ==100){

    console.log('死了,今年 100 岁了;');

  }else{

    console.log('这个人今年' + i + '岁了。');

  };

};

 

断点调试

  1. 目的:查看代码的运行过程,代码运行的先后;
  2. 控制台 -  Source - 找到对应的代码文件,点击代码行号,点击下一步;
  3. watch 监控变量值的变化;

 

题目:求 1-100之间整数累加的和

var sum = 0;

for(var i = 1; i <= 100; i ++){

  //sum = sum + 1;

  sum += i;

};

 

代码1:

for( var i = 1; i < 5; i ++){

  console.log('星星');

};

 

代码2:

var str = ''; 

for var i = 1; i < 5; i ++){

  str += '星星';

};

console.log(str);

 

区别:以上2 段代码都是打印星星,但是两个的效果不一样;代码1 将 在同一个位置打印五次,所以看到的结果是显示 5个星星叠加,看起来就是一个星星;代码2通过追加字符串的方式,打印了5 次,最后一次 5 个星星,且5 个星星依次排列,不像代码1 那样重叠;最后显示的 第5次的打印结果

 

分析过程、思路比写代码更重要;分析、梳理出思路之后,再写代码

 

while 循环

var num = 0; 初始化变量

while( 条件表达式){

  //循环体;

  //操作表达式: 更新计数器,防止死循环;

  num ++; 

};

 

计数器: 初始化变量 num;

计数器 + 操作表达式

 

do - while 循环体 (至少执行一次循环体)

先执行一次循环体,然后再判断条件,如果满足继续循环;否则退出循环;

do{

  //循环体;

  // 操作表达式

  i ++;

} while (//条件表达式);

 

continue & break

continue : 跳出本次循环,继续下次(剩余)循环;直接跳到 操作表达式 i++ , 继续下次循环;

break: 结束整个循环,不再继续循环

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!