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 Easyui Tree的oncheck事件实现代码
May 28 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
js提取中文拼音首字母的封装工具类
Mar 12 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
ES6字符串的扩展实例
Dec 21 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学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
php+xml实现在线英文词典查询的方法
2015/01/23 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
12种JavaScript常用的MVC框架比较分析
2015/11/16 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
jQuery拖拽通过八个点改变div大小
2020/11/29 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
Python中__call__用法实例
2014/08/29 Python
Python语法快速入门指南
2015/10/12 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
Python用字典构建多级菜单功能
2019/07/11 Python
python实现桌面托盘气泡提示
2019/07/29 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
iPython pylab模式启动方式
2020/04/24 Python
电子商务网站的创业计划书
2014/01/05 职场文书
检查接待方案
2014/02/27 职场文书
招股说明书范本
2014/05/06 职场文书
省文明单位申报材料
2014/05/08 职场文书
员工培训协议书
2014/09/15 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers
微信小程序实现录音Record功能
2021/05/09 Javascript
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL