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 相关文章推荐
js 数据类型转换总结笔记
Jan 17 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
Dec 26 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 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 版本]
2007/03/20 PHP
PHP 5.3.0 安装分析心得
2009/08/07 PHP
基于pear auth实现登录验证
2010/02/26 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
Node.js 基础教程之全局对象
2017/08/06 Javascript
基于JavaScript 性能优化技巧心得(分享)
2017/12/11 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
理解python正则表达式
2016/01/15 Python
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Django自定义用户认证示例详解
2018/03/14 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python使用turtle库绘制树
2018/06/25 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
python安装pil库方法及代码
2019/06/25 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
成教毕业生自我鉴定
2013/10/23 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
竞聘演讲稿范文
2014/01/12 职场文书
节水标语大全
2014/06/11 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
2014年党小组工作总结
2014/12/20 职场文书
python如何为list实现find方法
2022/05/30 Python