【前端之JavaScript运算符、条件分支语句的基本语法知识】

前端之JavaScript运算符、条件分支语句的基本语法知识

我们常见的Web前端三巨头：HTML、CSS、JS（JavaScript）。
具体请移到【我的专栏】当中的前端——>前端之HTML+CSS；
而在这里我将图文并茂的介绍JS在Vscode中相关功能的运用，希望能够对你们有些帮助。

• JavaScript运算符
  算数运算符
  赋值运算符
  比较运算符
  逻辑运算符
  自增自减运算符

• JavaScript 条件分支语句
  if () { … } else { … }；
  switch ( 已知条件 ) { case }

• 总结

1. JavaScript运算符

• 算数运算符
  

• 赋值运算符
  =
  +=
  -=
  *=
  /=
  %=

var n1 = 10； n1 += 10；——>n1=n1+10

• 比较运算符
  

• 逻辑运算符
  &&与
  ||或
  !非

• 自增自减运算符

++(前置加加: 先把变量的值改变了，再用改变后的值参与运算;后置加加: 先把变量现在的值拿来参与运算，然后再把变量值改变;)
–(前置减减: 先把变量的值改变了，再用改变后的值参与运算;后置减减: 先把变量现在的值拿来参与运算，然后再把变量值改变;)

2. JavaScript 条件分支语句

• if () { … } else { … }；
  

if () { … }；条件满足就执行, 不满足就不执行
if () { … } else { … }；条件满足就执行 if 的 {}, 不满足就执行 else 的 {}
if () { … } else if () { … }；满足哪一个 if 就执行哪一个 if 的 {}, 前面有条件满足了, 就不考虑后面的
if () { … } else if () { … } else { … }；所有条件都不满足的时候, 就会执行 else 后面的 {}
注意：
() 里面书写的是条件
{} 里面书写的是条件满足时执行的代码
【案例】平年还是闰年

<script>
    // 案例判断平年还是闰年

    // 定义一个变量表示年份信息
    var year = 2078

    // 书写 if 语句进行判断
    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
      console.log(year + ' 是闰年')
    } else {
      console.log(year + ' 不是闰年')
    }
  </script>

• switch ( 已知条件 ) { case }

switch ( 已知条件 ) {
case 选项一 :
…
Break
case 选项二 :
…
break
default:
…
}
注意：
1、 找到和已知条件完全匹配的选项执行
2、 执行完毕代码需要写 break, 不然会向下穿透
3、 可以书写一个 default, 会在所有选项都不匹配的时候执行
4、 当发生穿透效果的时候, 会从第一个满足条件的选项开始向下穿透
【案例】一年中的第几天

<script>
    // 案例 - 一年中的第几天
    // 准备三个变量, 分别表示 年 月 日
    var year = 2008
    var month = 8
    var date = 8
    // 在准备一个变量接受统计结果
    var total = 0
    // 使用 switch 叠加月份信息
    switch (month) {
      case 12: total += 30;
      case 11: total += 31;
      case 10: total += 30;
      case 9: total += 31;
      case 8: total += 31;
      case 7: total += 30;
      case 6: total += 31;
      case 5: total += 30;
      case 4: total += 31;
      case 3:
        if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
          total += 29
        } else {
          total += 28
        }
      case 2: total += 31;
    }
    // 直接叠加当月天数
    total += date
    // 此时 total 就是当年中的第几天了
    console.log(total)
  </script>

3.总结

1. JavaScript运算符
   算数运算符：+、-、、/(除)、%(余)
   赋值运算符：= 、+= 、-= 、= 、/= 、%=
   比较运算符：
   
   逻辑运算符：&&与、||或、!非
   自增自减运算符：++、–
2. JavaScript 条件分支语句
   if () { … } else { … }；
   switch ( 已知条件 ) { case }

好了，关于前端之JavaScript运算符、条件分支语句的基本语法知识已经写的非常清楚了，具体实战有什么问题的小伙伴可留言或者私信，看到一定帮您解决，我们别的文章再见。