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 相关文章推荐
javascript call和apply方法
Nov 24 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
angular实现IM聊天图片发送实例
May 08 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
实例教学如何写vue插件
Nov 30 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 Javascript
Vue接口封装的完整步骤记录
May 14 Vue.js
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
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
基于JQuery的密码强度验证代码
2010/03/01 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
2016/08/29 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
浅谈webpack对样式的处理
2018/01/05 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
2018/01/26 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python 高级专用类方法的实例详解
2017/09/11 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
公务员保密承诺书
2014/03/27 职场文书