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入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
JavaScript中的Web worker多线程API研究
Dec 06 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
解决vue axios的封装 请求状态的错误提示问题
Sep 25 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中用文本文件做数据库的实现方法
2008/03/27 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
Extjs TimeField 显示正常时间格式的代码
2011/06/28 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
通过代码实例展示Python中列表生成式的用法
2015/03/31 Python
Python 中的with关键字使用详解
2016/09/11 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
html5唤醒APP小记
2019/03/27 HTML / CSS
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
金融管理应届生求职信
2014/02/20 职场文书
保护环境建议书
2014/03/12 职场文书
2014年清明节寄语
2014/04/03 职场文书
解除劳动关系协议书范文
2014/09/11 职场文书
上课随便讲话检讨书
2014/09/12 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
污染环境建议书
2015/09/14 职场文书