[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 |
算术运算符小练习:
![](https://box.kancloud.cn/995e4cdead1837c5315ed39abea1706a_84x61.png)
~~~
(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>
~~~
![](https://box.kancloud.cn/a8cc8551b04a8da92b5d9a4ace63b405_174x120.png)
### 赋值运算符
最基本的赋值运算符是等于号“=”,用于对变量进行赋值。其他运算符可以和赋值运算符“=”联合使用,构成组合赋值运算符。常用的赋值运算符如下表所示:
|运算符 | 描述 |例子 |
| --- | --- | --- |
|=| 简单赋值运算符,将右边运算数的值赋给左边运算数| 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|
### 逻辑运算符
逻辑运算符是根据表达式的值返回真值或假值。
![](https://box.kancloud.cn/d252c7dfb71c813033c49e4ddfd07489_643x236.png)
参与逻辑运算的,都是布尔值。也就是说,只有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流程控制语句
- 前端库
- 百度静态资源公共库
- 前端资源
- 学习网站类