Javascript学习（三）

向右看齐 2023-07-24 08:43 67阅读 0赞

## JavaScript 比较运算符 、逻辑运算符和条件运算符 ##

##### 1、比较运算符 #####

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

<table> 
 <thead> 
  <tr> 
   <th>比较运算符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>==</td> 
   <td>等于</td> 
  </tr> 
  <tr> 
   <td>===</td> 
   <td>绝对等于 （值和类型均相等）</td> 
  </tr> 
  <tr> 
   <td>！=</td> 
   <td>不等于</td> 
  </tr> 
  <tr> 
   <td>!==</td> 
   <td>不绝对等于（值和类型有一个不相等，或两个都不相等）</td> 
  </tr> 
  <tr> 
   <td>&gt;</td> 
   <td>大于</td> 
  </tr> 
  <tr> 
   <td>&lt;</td> 
   <td>小于</td> 
  </tr> 
  <tr> 
   <td>&gt;=</td> 
   <td>大于或等于</td> 
  </tr> 
  <tr> 
   <td>&lt;=</td> 
   <td>小于或等于</td> 
  </tr> 
 </tbody> 
</table>

##### 2、逻辑运算符 #####

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

<table> 
 <thead> 
  <tr> 
   <th>逻辑运算符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&amp;&amp;</td> 
   <td>and（和）</td> 
  </tr> 
  <tr> 
   <td><code>||</code></td> 
   <td>or(或)</td> 
  </tr> 
  <tr> 
   <td>！</td> 
   <td>not（非）</td> 
  </tr> 
 </tbody> 
</table>

##### 3、条件运算符 #####

基于某些条件对变量进行赋值的条件运算符  
三目运算符（？：）

variablename=(条件)?成功:失败

## Javascript `if else`语句 ##

条件语句用于基于不同的条件来执行不同的动作。

**条件语句**

*  `if` 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

语法：
    if (条件)
    {
        当条件为 true 时执行的代码
    }

*  `if...else` 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

语法
    if (条件)
    {
        当条件为 true 时执行的代码
    }
    else
    {
        当条件不为 true 时执行的代码
    }

*  `if...else if....else` 语句- 使用该语句来选择多个代码块之一来执行

if (条件1)
    {
        当条件 1 为 true 时执行的代码
    }
    else if (条件2)
    {
        当条件 2 为 true 时执行的代码
    }
    else
    {
      当条件 1 和 条件 2 都不为 true 时执行的代码
    }

*  `switch` 语句 使用该语句来选择多个代码块之一来执行

语法：
    switch(这边通常会是一个变量)
    {
        case 1:
            执行代码块 1
            break;//结束执行
        case 2:
            执行代码块 2
            break;
        default:
            与 case 1 和 case 2 不同时执行的代码
    }

## JavaScript `for 循环` ##

循环可以将代码块执行指定的次数（这个会经常用到哦）

此例子循环输出cars数组
    <script>
    cars=["BMW","Volvo","Saab","Ford"];
    for (var i=0;i<cars.length;i++){
    	document.write(cars[i] + "<br>");
    }
    </script>

**不同类型的循环**  
JavaScript 支持不同类型的循环

*  `for` 循环代码块一定的次数（想要创建循环时使用）

语法：
    for (语句 1; 语句 2; 语句 3)
    {
        被执行的代码块
    }
    语句 1 （代码块）开始前执行。（循环开始前已经设置了值时可以不使用，也可以初始化多个值）
    语句 2 定义运行循环（代码块）的条件。（可以不写；如果语句 2 返回 true，则循环再次开始，如果返回 false，则循环将结束  此时在循环内必须提供break 否则循环无法停止）
    语句 3 在循环（代码块）已被执行之后执（当循环内部有相应的代码时可以省略）
    上面代码是个例子哦

*  `for/in` 循环遍历对象的属性

![在这里插入图片描述][20200410161611574.png]

*  `while` 当指定的条件为 true（真） 时循环指定的代码块

语法：
    while (条件)
    {
        需要执行的代码
    }
    //当你忘记增加条件中所用变量的值，循环将永远不会结束。

*  `do/while` 当指定的条件为 true 时循环指定的代码块

该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环
    语法：
    do
    {
        需要执行的代码
    }
    while (条件);
    //千万不能忘记增加条件中所用变量的值，否则循环永远不会结束！

## JavaScript `break` 和 `continue` 语句 ##

##### 1、break #####

`break` 语句用于跳出循环

##### 2、continue #####

`continue` 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

for (i=0;i<=10;i++)
    {
        if (i==3) continue;//此处将花括号省略不影响执行；直接跳过i等于3执行后面语句
        x=x + "The number is " + i + "<br>";
    }