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 相关文章推荐
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
基于jQuery实现表格内容的筛选功能
Aug 21 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 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
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
鼠标图片振动代码
2006/07/06 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
JS中表单的使用小结
2014/01/11 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
2019/06/27 Javascript
Numpy之random函数使用学习
2019/01/29 Python
Python Pandas 箱线图的实现
2019/07/23 Python
Python 转换文本编码实现解析
2019/08/27 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
考试没考好检讨书
2014/01/31 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
公司活动方案范文
2014/03/06 职场文书
文明生主要事迹
2014/05/25 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
活动新闻稿范文
2015/07/17 职场文书
python实现过滤敏感词
2021/05/08 Python