Day2 JS基础

2.1 运算符

• 赋值运算符

  =

  +=

• 一元运算符

  ++

  --

  <script>let h=20let k=h++ + h++console.log(h) //22console.log(k) //42let i=1console.log(i++ + ++i +i)  //7
  ​// 递增运算符：++var a=8a++console.log(a)  //9
  ​var num=10var b=num++console.log(b)  //10</script>

• 比较运算符

  大于号>

  小于号<

  大于等于号>=

  小于等于号<=

  == 先把两边数据转换为同一类型，在比较左右两边值是否相等

  === 左右两边是否类型和值都相等（开发中判断是否相等，强烈推荐使用===）

  !== 左右两边是否不全等

   <script>console.log(3 > 5)  //falseconsole.log(3 >= 3)  //true/* 双等号，只判断值 比较运算符有隐式转换  把'2'转换为2  */console.log(2 == 2)  //true/* 全等号，判断值和数据类型都一样才行 */console.log(2 === '2')  //falseconsole.log(NaN === NaN)  //false   NaN不等于任何人，包括他自己console.log(2 !== '2')  //trueconsole.log(2 != '2')  //false
  ​console.log('a' < 'b')  //trueconsole.log('ab' < 'ac')  //true</script>

• 逻辑运算符

  && 一假则假

  || 一真则真

  ! 真变假，假变真(通常给布尔值取反)

  <script>const num = +prompt('请输入一个整数：')/* if(num%4===0 && num%100!==0){alert('true')}else{alert('false')} */alert(num % 4 === 0 && num % 100 !== 0)</script>

逻辑中断

 <script>let age=18console.log(false && age++)  //age++不执行，一假则假，中断console.log(age)  //18
​let num=20console.log(true || num++)  //num++不执行，一真则真，中断console.log(num)  //20
​console.log(11 && 22)  //都是真，则返回最后一个值console.log(33 || 44)  //都是真，则返回第一个真值</script>

• 运算符优先级

  1. 小括号 ()

1. 一元运算符 ++ -- !

2. 算术运算符 * / % + -

3. 关系运算符 > >= < <=

4. 相等运算符 == != === !==

5. 逻辑运算符 && ||

6. 赋值运算符 =

7. 逗号运算符 ,

<script>let a = 3 > 5 && 2 < 7 && 3 == 4console.log(a)  //falselet b = 3 <= 4 || 3 > 1 || 3 != 2console.log(b)  //truelet c = 2 === "2"console.log(c)  //falselet d = !c || b && aconsole.log(d)  //true
​
​</script>

 

2.2 语句

2.2.1 顺序结构

2.2.2 分支结构

• if分支语句

  // 条件成立执行代码，否则什么也不做
  if (条件表达式) {// 条件成立执行的代码语句
  }
  ​
  // 条件成立  执行 if 里面代码，否则执行else 里面的代码
  if (条件表达式) {// [如果] 条件成立执行的代码
  } else {// [否则] 执行的代码
  }
  ​
  // 适合于检查多重条件
  if (条件表达式1) {语句1；
  } else if (条件表达式2)  {语句2；
  } else if (条件表达式3)  {语句3；....
  } else {// 上述条件都不成立执行此处代码
  }

• 三元运算符

  表达式1 ? 表达式2 : 表达式3;

  switch语句（一般用于特定值的判断，break跳出整个循环）switch( 表达式 ){ case value1:// 表达式 等于 value1 时要执行的代码break;case value2:// 表达式 等于 value2 时要执行的代码break;default:// 表达式 不等于任何一个 value 时要执行的代码
  }

2.2.3 循环结构

1. for循环

   语法：

   for(初始化变量;条件表达式;操作表达式){

   //循环体

   }

   初始化变量在for循环内只执行一次

   条件表达式用来判断每次循环是否能够执行

   // 1.for (let i = 1; i <= 100; i++) {console.log('亲爱的，我错了！')}// 2.let num = +prompt('请输入你想道歉的次数：')for (let i = 1; i <= num; i++) {console.log('都是我的错')}// 3.let sum = 0for (let i = 1; i <= 100; i++) {if (i % 3 === 0) {sum += i}}console.log(sum)// 4.let sum1 = 0for (let i = 1; i <= 200; i++) {sum1 += i}console.log(sum1)// 5.let m = 0, n = 0for (let i = 1; i <= 100; i++) {if (i % 2 == 0) {m++} else {n++}}console.log('偶数为：' + m, '奇数为：' + n);// 6.let sum2 = 0let num2 = +prompt('请输入录入成绩的人数：')for (let i = 1; i <= num2; i++) {let sort = +prompt(`请输入第${i}个人的成绩:`)sum2 += sort}console.log('总成绩：' + sum2);console.log('平均成绩：' + sum2 / num2);

2. 双重for循环

   里层和外层初始化变量不能一样

   for(外层初始化变量；外层条件表达式；外层操作表达式){

   for(里层初始化变量；里层条件表达式；里层操作表达式){

   }

3. while(条件表达式){ //循环体}

   使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环

4. do{ //循环体}

   while(条件表达式)

   先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码

5. continue

   推出本次循环，进行下次循环

6. break

   退出整个循环体，不再进行后面的循环

2.3 综合案例

// 1.let money = 0while (true) {let num = +prompt(`请输入您要的操作: \n 1.存钱 \n 2.取钱 \n 3.显示余额 \n 4.退出`)if (num == 4) {break}switch (num) {case 1:money += +prompt('请输入您要存入的金额：')alert('您的余额为：' + money)break;case 2:money -= +prompt('请输入您要取出的金额：')alert('您的余额为：' + money)break;case 3:alert('您的余额为：' + money)break;default:alert('您输入错误，请重新输入！')}}
​// 2./* let sum=0for(let i=1;i<=100;i++){if(i%10!==3){sum+=i}}console.log(sum) */// 3./* let sum=0for(let i=1;i<=100;i++){if(i%3==0&&i%7==0){sum+=i}}console.log(sum) */// 4./* let k = 0for (let i = 1; i < 1000; i++) {if (i % 3 == 0 && i % 7 == 0) {k++// console.log(k+' '+i);if (k == 35) {console.log(i)}}}*/
​