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 Onunload与Onbeforeunload使用小结
Dec 31 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
jQuery实现分隔条左右拖动功能
Nov 21 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
JavaScript逻辑运算符相关总结
Sep 04 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
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
详解PHP中instanceof关键字及instanceof关键字有什么作用
2015/11/05 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
javascript 动态添加事件代码
2008/11/30 Javascript
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
<script defer> defer 是什么意思
2009/05/10 Javascript
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
跟老齐学Python之集合(set)
2014/09/24 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
解决pycharm下os.system执行命令返回有中文乱码的问题
2019/07/07 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
幼儿教师个人求职信范文
2013/09/21 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
土地转让协议书
2014/09/27 职场文书
团组织推荐意见
2015/06/05 职场文书