初识js

47 阅读2分钟

1、分支结构-if分支

if(表达式1){ //代码块1 }else if (条件2) { 代码2 }else if (条件3) { 代码3 }else { 代码n }

注:先判断条件1,若满足条件1就执行代码1,其他不执行 若不满足则向下判断条件2,满足条件2执行代码2,其他不执行 若依然不满足继续往下判断,依次类推 若以上条件都不满足,执行else里的代码n

2、三元运算符

语法:表达式 ? 语句1 :语句2 特点:在模板字符串中可以使用(if语句不能在模板字符串中使用)

代码 ws = ws >= 18 ? '成年' : '未成年'         document.write(ws)

3、分支结构-switch分支

语法:

switch(变量**){** case 值1: 代码块1 break; case 值2: 代码块2 break; case 值3: 代码块3 break; default: 缺省代码块 }

执行逻辑:

1.根据switch后的变量与case的值匹配情况,将程序转向不同的代码块执行。

2.当代码执行结束后,遇到break就会跳过switch结构,继续后面代码执行

3.当所有的值都不匹配时,执行缺省代码块。

4.case结构可以有多个,default也可以省略

4、if与switch区别

  1. if条件常用于表达一个范围
  2. switch条件一个变量和多个具体指的匹配
  3. 如果遇到一个变量和多个具体至匹配的情况,推荐使用switch,因为这种情况下switch的效率高于if

5、循环结构 - for循环

语法:for(声明记录循环次数的变量;循环条件;变化值){
循环体 }

执行逻辑:

  1. 首先执行 定义一个循环控制变量,此步仅执行1次

2.其次开始判断 表达式 是否成立,如果不成立就直接退出整个语法结构,执行后续代码。如果成立就执行语句块(循环体)

3.当语句块(循环体)执行结束后,再执行 循环控制变量修改

4.再来判断表达式是否成立,如果不成立就直接退出整个语法结构,执行后续代码。如果成立就继续循环执行语句块(循环体)

5.重复执行 2 3 4

6、数组

数组(Array)是一种可以按顺序保存数据的数据类型

声明语法:let 数组名=[数据1,数据2,数据3....]

6.1 遍历数组:用循环把数组中每个元素都访问到,一般会用for循环遍历

语法:for(let i=0;i<数组名.length;i++){ 数组名[i] }