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之bind使用介绍
Oct 09 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
May 09 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
layui上传图片到服务器的非项目目录下的方法
Sep 26 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
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
分享20个提升网站界面体验的jQuery插件
2014/12/15 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
python遍历文件夹下所有excel文件
2018/01/03 Python
Python将json文件写入ES数据库的方法
2019/04/10 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
百联网上商城:i百联
2017/01/28 全球购物
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
大学应届毕业生个人求职信
2013/09/23 职场文书
护士实习自我鉴定
2013/10/22 职场文书
自荐信怎么写呢?
2013/12/09 职场文书
《诺贝尔》教学反思
2014/02/17 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
网络营销计划书
2015/01/17 职场文书
客户经理岗位职责
2015/01/31 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android