JavaScript中的6种运算符总结


Posted in Javascript onOctober 16, 2014

JavaScript 运算符主要包括:

  1. 算术运算符
  2. 赋值运算符
  3. 比较运算符
  4. 三元运算符
  5. 逻辑运算符
  6. 字符串连接运算符

算术运算符

运算符 说明 例子 运算结果
+ y = 2+1 y = 3
- y = 2-1 y = 1
* y = 2*3 y = 6
/ 除,返回结果为浮点类型 y = 6/3 y = 2
% 求余,返回结果为浮点类型 要求两个操作数均为整数 y = 6%4 y = 2
++ 递加,分为前加和后加 对布尔值和 NULL 将无效 y = 2 ++y(前加) y++(后加) y = 3
-- 递减,分为前递减和后递减 对布尔值和 NULL 将无效 y = 2 --y(前减) y--(后减) y = 1

对于前加和后加,执行后的结果都是变量加1,其区别在于执行时返回结果不一样,参考下面两个例子:

var x = 2;

alert(++x); //输出:3

alert(x); //输出:3
var y = 2;

alert(y++); //输出:2

alert(y); //输出:3

递减同理。

赋值运算符

赋值运算符 = 用于赋值运算,赋值运算符的作用在于把右边的值赋值给左边变量。设定 y = 6,参见下表:

运算符 例子 等价于 运算结果
= y = 6 y = 6
+= y += 1 y = y+1 y = 7
-= y -= 1 y = y-1 y = 5
*= y *= 2 y = y*2 y = 12
/= y /= 2 y = y/2 y = 3
%= y %= 4 y = y%4 y = 2

赋值运算嵌套使用

赋值运算符可以嵌套使用:

y = (x = 2) + 5;    //结果: x=2,y=7

比较运算符

运算符 说明 例子 运算结果
== 等于 2 == 3 FALSE
=== 恒等于(值和类型都要做比较) 2 === 2 2 === "2" TRUE FALSE
!= 不等于,也可写作 2 == 3 TRUE
> 大于 2 > 3 FALSE
小于 2 TRUE
>= 大于等于 2 >= 3 FALSE
小于等于 2 TRUE

比较运算符也可用于字符串比较。

三元运算符

三元可以视作是特殊的比较运算符:

(expr1) ? (expr2) : (expr3)

语法解释:在 expr1 求值为 TRUE 时整个表达式的值为 expr2,否则为 expr3。

例子:

x = 2;

y = (x == 2) ? x : 1;

alert(y); //输出:2

该例子判断 x 的值是否等于 2,如果 x 等于 2,那么 y 的值就等于 x(也就是等于2),反之 y 就等于 1。

提示

为了避免错误,将三元运算符各表达式用括号括起来是个不错的主意。

逻辑运算符

运算符 说明 例子 运算结果
&& 逻辑与(and) x = 2; y = 6; x && y > 5 FALSE
|| 逻辑或(or) x = 2; y = 6; x && y > 5 TRUE
! 逻辑非,取逻辑的反面 x = 2; y = 6; !(x > y) TRUE

字符串连接运算符

连接运算符 + 主要用于连接两个字符串或字符串变量。因此,在对字符串或字符串变量使用该运算符时,并不是对它们做加法计算。

例子:

x = "beijing";

y = x + "你好!"; //结果:y = "beijing你好!"
// 要想在两个字符串之间增加空格,需要把空格插入一个字符串之中:

y = x + " 你好!"; //结果:y = "beijing 你好!"

当对字符串和数字做连接(加法)运算时,会将数字先转换成字符串再连接(相加):

x = 25;

y = "我今年" + x + "岁"; //结果:y = "我今年25岁"
Javascript 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
Feb 10 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
在vue项目中使用sass的配置方法
Mar 20 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
详解Bootstrap 学习(一)入门
Apr 12 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
原生js实现二级联动菜单
Nov 27 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 #Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 #Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 #Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 #Javascript
编程语言JavaScript简介
Oct 16 #Javascript
js父页面与子页面不同时显示的方法
Oct 16 #Javascript
Javascript Memoizer浅析
Oct 16 #Javascript
You might like
德生S2000电路分析
2021/03/02 无线电
php小型企业库存管理系统的设计与实现代码
2011/05/16 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP7引入的"??"和"?:"的区别讲解
2019/04/08 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
利用python获取当前日期前后N天或N月日期的方法示例
2017/07/30 Python
单利模式及python实现方式详解
2018/03/20 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
大班开学家长寄语
2014/04/04 职场文书
主持人演讲稿
2014/05/13 职场文书
党员群众路线承诺书
2014/05/20 职场文书
我的中国心演讲稿
2014/09/04 职场文书
2015年团支部工作总结
2015/04/03 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
演讲开场白台词大全
2015/05/29 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle