使用JavaScript-入门-(初阶二)

目录

三、运算符

1.算术运算符

1.1基础运算符

1.2 一元运算符  ++ 和 --

2.关系运算符

3.赋值运算符

4.比较运算符

5.逻辑运算符

6.运算符优先级

四、语句

1.表达式和语句

2.分支语句if...else

2.1单分支

2.2双分支

2.3判断闰年案例

2.4多分支

2.5成绩判断案例

3.三元运算符

3.1数字补0案例

4.switch语句

4.1月份季节案例

5.if 多分支语句和 switch的区别：

5.1共同点

5.2区别

5.3结论

6.循环语句

6.1while()循环

6.2页面输出1~100 累加和

6.3for()循环

6.4循环嵌套

6.5实战案例

7.退出循环

7.1吃包子案例

五、数组

1.数组的基本使用

1.1定义数组和数组单元

1.2访问数组和数组索引

1.3数据单元值类型

1.4数组长度属性

2.操控数组

---

三、运算符

1.算术运算符

算术运算符用于表达式计算。

1.1基础运算符

运算符	描述	实例写法
+	加法	a + b 例如  1 + 1= 2
-	减法	a -  b 例如 1 - 1 = 2
*	乘法	a * b  例如 1 * 1 = 1
/	除以	a / b 例如  2 / 1 = 2
%	求余	a % b 例如  3 % 2 == 1

1.2 一元运算符  ++ 和 --

运算符	描述	写法一	写法二
++	自增1	++num 先自加后输出	num++  先输出后自加
--	自减1	--num 先自减后输出	num--  先输出后自减

前置自增与后置自增   前置自减与后置自减   单独使用没有任何区别

前置自增（自减）和后置自增（自减）的区别 参与运算的区别

++num 先自加后输出  num++先输出后自加  --num先自减后输出  num--先输出后自减

  <script>
   let num = 10
    let res = ++num //1.num的值先进行加1 num += 1 =10+1  2.在将变量的值赋值给等号左边的变量名 res = num = 11
    console.log(num) //11
    console.log(res) //11
    let num1 = 10
    let res1 = num1++ //num的值赋值给res res=num=10 ,num再自增1
    console.log(num1) //11
    console.log(res1)
  </script>

2.关系运算符

关系运算符在逻辑语句中使用，以测定变量或值是否相等。

运算符	<	>	<=	>=
描述	小于	大于	小于或等于	大于或等于

比较运算的结果为布尔类型 只会返回 true 或 false

  <script>
    console.log(4 > 5) //false
    console.log(4 >= 5) //true
    console.log(4 < 5) //false
    console.log(4 <= 5) //true
  </script>

3.赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

运算符	描述
=	将等号右边的值赋予左边，要求左边必须是个容器

4.比较运算符

比较运算符用来比较两个值是否相等，如果相等会返回true，否则返回false。

运算符	描述
==	判断 值 是否 相等
===	判断 值 和 类型 是否 全相等
!=	值 不相等
!==	值 和 类型 不全相等

当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后在比较

  <script>
    console.log(2 == 2) //true
    console.log(3 == '3') //ture
    console.log(3 === '3') //false
    console.log(undefined == null)// true
    console.log(undefined === null) // false
    console.log(NaN === NaN)//false  NaN不等于任何人 包括自己
    console.log(3 !== '3') //true
    console.log(3 != '3')//false
    //字符串比较，是比较的字符对应的ASCⅡ码
    console.log('a' < 'b') //true
    console.log('aa' < 'bb')//true
  </script>

 NaN不等于任何人 包括自己

字符串比较，是比较的字符对应的ASCII 码 

5.逻辑运算符

逻辑运算符用于测定变量或值之间的逻辑。

运算符	描述
&&	逻辑与 并且
||	逻辑或 或者
!	逻辑非 取反

  <script>
    console.log(true && true) //true
    console.log(false && true) //false
    console.log(4 < 5 && 3 > 2) //true
    console.log(3 < 5 && 3 < 2) //false
    console.log('-----------------')
    console.log(true || true) //true
    console.log(false || true)//true
    console.log(false || false)//false
    console.log('-------------------')
    console.log(!true) //false
    console.log(!fal