JavaScript基础03--分支结构和循环结构

运算符的优先级

优先级从高到底
	1. ()  优先级最高
	2. 一元运算符  ++   --   !
	3. 算术运算符  先*  /  %   后 +   -
	4. 大小比较运算符  >   >=   <   <=
	5. 相等比较运算符   ==   !=    ===    !==
	6. 逻辑运算符 先 &&   后 ||
	7. 赋值运算符
	
运算符优先级不用死记硬背,用的多了自然就知道执行顺序了。
1. 括号最优先
2. 一元运算符紧随其后
3. 先乘除后加减
4. 算术运算符 > 比较运算符 > 逻辑运算符
5. 赋值运算符最落后

表达式和语句

表达式

一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。

语句

语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下,使用英文分号(;)分割一个一个的语句

流程控制

程序的三种基本结构

  • 顺序结构

从上到下执行的代码就是顺序结构

程序默认就是由上到下顺序执行的,无需使用单独的语法

  • 分支结构

根据不同的情况,执行对应代码。

有两种分支结构语句:if语句 和 switch 语句。

  • 循环结构

循环结构:重复做一件事情

有多种循环结构的语句。

分支结构

  • if语句

单分支结构

if (/* 条件表达式 */) {	//如果条件成立(就是该表达式最终是true),则会执行,否则什么也不做
  // 执行语句
}

双分支结构

if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}

多分支结构

if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

三元运算符

表达式1 ? 表达式2 : 表达式3
是对if……else语句的一种简化写法
  • switch语句

语法格式:

switch ( 表达式E ) {	//这里表达式往往就是一个变量,当然也可以是一个常见的具有运算符的表达式
  case 常量1:		//如果表达式E的结果跟这里常量1“全等”(===),则表示条件满足,就执行语句1
    语句1;
    break;		    //如果出现break,就退出整个switch语句
  case 常量2:		//如果表达式E的结果跟这里常量2“全等”(===),则表示条件满足,就执行语句2
    语句2;
    break;
  case 常量3:
    语句2;
    break;
  …
  case 常量n:
    语句;
    break;
  default:
    语句;
    break;
}

break可以省略,如果省略,代码会继续执行下一个case
switch 语句在比较值时使用的是全等(===)运算符, 因此不会发生类型转换(例如,字符串'10' 不等于数值 10)

循环结构

在JavaScript中,循环语句有三种,while、do…while、for循环。

  • while语句

基本语法:

// 当循环条件为true时,执行循环体,
// 当循环条件为false时,结束循环。
while (循环条件) {
  //循环体
}

代码示例:

// 计算1-100之间所有数的和
// 初始化变量
var i = 1;
var sum = 0;
// 判断条件
while (i <= 100) {
  // 循环体
  sum += i;
  // 自增
  i++;
}
console.log(sum);
  • do…while语句

do…while循环和while循环非常像,二者经常可以相互替代,但是do…while的特点是不管条件成不成立,都会执行一次。

基础语法:

do {
  // 循环体;
} while (循环条件);

代码示例:

// 初始化变量
var i = 1;
var sum = 0;
do {
  sum += i;//循环体
  i++;//自增
} while (i <= 100);//循环条件
  • for语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

for循环语法:

// for循环的表达式之间用的是;号分隔的,千万不要写成,
for (循环变量初始化表达式1; 循环变量判断表达式2; 循环变量的改变表达式3) {
  // 循环体4
}

执行顺序:1 — 243 ---- 243 ----- 243…直到循环条件(也就是判断表达式2)变成false,循环结束。

  1. 初始化表达式
  2. 判断表达式
  3. 自增表达式
  4. 循环体
    图示如下:
    JavaScript基础03--分支结构和循环结构_第1张图片

continue和break

用于在循环中进行某种“中断循环”的操作
break:立即跳出整个循环,即循环结束,开始执行循环后面的内容(直接跳到大括号)
continue:立即跳出当前这一次循环,继续下一次循环(比如,对for循环,就跳到i++的地方)

你可能感兴趣的:(JavaScript,web前端)