[TOC]
* * * * *
# JavaScript運算符
### 什么是運算符?
運算符是程序執行特定算術或邏輯操作的符號,用于執行程序代碼運算。
用表達式 4 + 5 能很快得到 4 和 5 這兩個數的和為 9。這里 4 和 5 被稱為運算數,+ 叫做運算符。
JavaScript中的運算符主要包括:
* 算術運算符
* 比較運算符
* 賦值運算符
* 邏輯運算符
* 條件運算符
### 什么是表達式
表達式是一個語句集合,像一個組一樣,計算結果是一個單一的值,該值可以是boolean、number、string、function、或者object數據類型之一。表達式是指具有一定的值的,用運算符把常數和變量連接起來的代數式。
### 算術運算符
給定 y=5,下面的表格解釋了這些算術運算符:
| 運算符 | 描述 | 例子 | x運算結果 | y運算結果 |
| --- | --- | --- | --- | --- |
| + | 加法 | x=y+2 |7 | 5 |
| - | 減法 | x=y-2 | 3 | 5 |
| * | 乘法 | x=y*2 |10 |5 |
| / | 除法 | x=y/2 | 2.5 | 5 |
| % | 取模(余數) | x=y%2 | 1 | 5 |
| ++ | 自增 | x=++y | 6 | 6 |
|++ | 自增 | x=y++ | 5| 6 |
|-- | 自減 | x=--y | 4 | 4|
|-- | 自減 | x=y -- | 5 | 4 |
算術運算符小練習:

~~~
(3+4*5)/(6+3);
~~~
### 比較運算符
比較運算符在邏輯語句中使用,用于判斷變量或值是否相等。其運算過程需要首先對操作數進行比較,然后返回一個布爾值true或false
給定 A=10,B=20,下面的表格解釋了這些比較運算符:
| 運算符 | 描述 | 例子 |
| --- | --- | --- |
|>| **大于** 檢查左邊運算數是否大于右邊運算數,如果是,則結果為true| A > B 為false|
|< | **小于** 檢查左邊運算數是否小于右邊運算數,如果是,則結果為true| A < B 為true|
|>= | **大于等于** 檢查左邊運算數是否大于或者等于右邊運算數,如果是,則結果為true| A >= B 為false|
|<= |** 小于等于** 檢查左邊運算數是否小于或者等于運算數,如果是,則結果為true| A <= B 為true|
|== |**等于** 檢查兩個運算數的值是否相等,如果是,則結果為true | A == B 為false|
|=== |**絕對等于** 檢查兩個運算數的值和數據類型是否一致,如果是,則結果為true | A === B 為false|
|!=|**不等于** 檢查兩個運算數的值是否相等,如果不相等,則結果為true |A != B 為true|
|!==|**不絕對等于** 檢查兩個運算數的值和數據類型是否一致,如果不一致,則結果為true |A !== B 為true|
~~~
<script type="text/javascript">
var age=25; //定義變量
document.write("age變量的值為:"+age+"<br/>"); //輸出變量值
document.write("age>=20:"+(age>=20)+"<br/>"); //變量值比較:
document.write("age<20:"+(age<20)+"<br/>");
document.write("age!=20:"+(age!=20)+"<br/>");
document.write("age>20:"+(age>20)+"<br/>");
</script>
~~~

### 賦值運算符
最基本的賦值運算符是等于號“=”,用于對變量進行賦值。其他運算符可以和賦值運算符“=”聯合使用,構成組合賦值運算符。常用的賦值運算符如下表所示:
|運算符 | 描述 |例子 |
| --- | --- | --- |
|=| 簡單賦值運算符,將右邊運算數的值賦給左邊運算數| C = A + B 將A+B的值賦給C|
|+=| 加等賦值運算符,將右邊運算符與左邊運算符相加并將運算結果賦給左邊運算數| C += A 相當于 C = C + A|
|-= |減等賦值運算符,將左邊運算數減去右邊運算數并將運算結果賦給左邊運算數| C -= A 相當于C = C - A|
|*=| 乘等賦值運算符,將右邊運算數乘以左邊運算數并將運算結果賦給左邊運算數| C *= A 相當于C = C * A|
|/=| 除等賦值運算符, 將左邊運算數除以右邊運算數并將運算結果賦值給左邊運算數| C /= A 相當于 C = C / A|
|%=| 模等賦值運算符,用兩個運算數做取模運算并將運算結果賦值給左邊運算數| C %= A 相當于 C = C % A|
### 邏輯運算符
邏輯運算符是根據表達式的值返回真值或假值。

參與邏輯運算的,都是布爾值。也就是說,只有true、false才能參與邏輯運算,得到的答案,仍然是布爾值。
~~~
// &&表示“且”的意思,都真才真
console.log(true && true); //true
console.log(true && false); //false
console.log(false && true); //false
console.log(false && false); //false
~~~
~~~
console.log(true || true); //true
console.log(true || false); //true
console.log(false || true); //true
console.log(false || false); //false
~~~
~~~
console.log(!true);
console.log(!false);
~~~
### 條件運算符
有一種運算符叫條件運算符。首先判斷一個表達式是真或假,然后根據判斷結果執行兩個給定指令中的一個。條件運算符語法如下:
~~~
操作數 ? 結果1 : 結果2
~~~
若操作數的值為true,則整個表達式的結果為“結果1”,否則為“結果2”。
~~~
<script type="text/javascript">
var i=3,j=4;
alert((++i==j++)?true:false);
</script>
~~~
- 前言
- 走進前端工程師的世界
- 前端知識圖譜
- 前端學習方法
- 計算機基礎知識
- 寫一封信給4個月后的自己
- Github的使用
- 網頁基礎知識
- 2.1認識網頁
- 2.2網頁相關名詞
- 2.3Web標準
- 2.4開發環境配置
- 2.4.1Hbuilder使用技巧
- 2.4.2SublineText使用技巧
- 大前端必會的PS技巧
- HTML
- 網頁制作入門
- CSS
- HTML+CSS整站開發
- HTML5
- HTML5 概述
- HTML5 語法
- HTML5 屬性
- HTML5 事件
- HTML5 瀏覽器支持
- HTML5 新元素
- HTML5 Video(視頻)
- HTML5 Audio(音頻)
- HTML5 Input類型
- HTML5 表單元素
- HTML5 語義元素
- HTML5 表單屬性
- CSS3
- CSS3 介紹
- CSS3 選擇器
- 基本選擇符
- 關系選擇符
- 屬性選擇符
- 偽類選擇符
- 偽對象選擇符
- CSS3 邊框
- CSS3 圓角
- CSS3 背景
- CSS3 漸變
- CSS3 文本效果
- CSS3 字體
- CSS3 2D轉換
- CSS3 3D轉換
- CSS3 過渡
- CSS3 動畫
- CSS3 多列
- CSS3 用戶界面
- CSS3 圖片
- CSS3 按鈕
- CSS3 分頁
- CSS3 框大小
- CSS3 彈性盒子
- CSS3 顏色
- CSS3 多媒體查詢
- 附錄1
- HTML5+CSS3整站開發
- 前端開發規范
- 規范目的
- 命名規則
- HTML開發規范
- CSS開發規范
- SCSS開發規范
- JavaScript開發規范
- JavaScript基礎
- JavaScript簡介
- JavaScript的發展歷史
- JavaScript是前臺語言
- 用法
- 認識語句和符號
- JavaScript輸出
- JavaScript注釋
- 體驗js輸出
- JavaScript 變量
- JavaScript 數據類型
- JavaScript數據類型的轉換
- JavaScript運算符
- JavaScript流程控制語句
- 前端庫
- 百度靜態資源公共庫
- 前端資源
- 學習網站類