简介 使用 输出 语句 语法 注释 变量 Let Const 运算符 算数 赋值 数据类型 函数 对象 事件 字符串 字符串方法 字符串搜索 字符串模板 数字 BigInt 数字方法 数字属性 数组 数组方法 数组搜索 数组排序 数组迭代 数组 Const 日期 日期格式 日期获取方法 日期设置方法 数学 随机 逻辑 比较 条件 Switch Loop For Loop For In Loop For Of Loop While Break 可迭代对象 Set Set 方法 Map Map 方法 typeof 类型转换 解构 位运算 正则表达式 运算符优先级 异常 作用域 Hoisting 严格模式 this 关键词 箭头函数 类 模块 JSON 调试 样式指南 最佳实践 错误 性能 保留词 JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS 历史 对象定义 对象属性 对象方法 对象显示 对象访问器 对象构造器 对象原型 对象引用 函数定义 函数参数 函数调用 函数 Call 函数 Apply 函数绑定 闭包 类简介 类继承 Static 回调 异步 Promise Async DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听程序 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表 Window Screen Location History Navigator 弹出框 Timing Cookies Web API 简介 Web Form API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 实例 JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM 图形 Canvas Plotly.js Chart 谷歌图表 D3.js 参考手册(类别排序) 参考手册(字母排序)

JavaScript

浏览4271
更新时间2025-08-07

JavaScript 运算符

实例

向变量赋值,并把它们相加:

var x = 7;		// 向 x 赋值 7
var y = 8;		// 向 y 赋值 8
var z = x + y;		// 向 z (x + y) 赋值 15
运行实例 »

点击 "运行实例" 按钮查看在线实例

赋值运算符(=)把值赋给变量。

赋值

var x = 15;
运行实例 »

点击 "运行实例" 按钮查看在线实例

加法运算符(+)对数字相加:

加法

var x = 7;
var y = 8;
var z = x + y;
运行实例 »

点击 "运行实例" 按钮查看在线实例

乘法运算符(*)对数字相乘:

乘法

var x = 7;
var y = 8;
var z = x * y; 
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 算数运算符

算数运算符用于对数字执行算数运算:

运算符 描述
+ 加法
- 减法
* 乘法
/ 除法
% 取模(余数)
++ 递加
-- 递减

注释:JS 算数这一章对算数运算符进行了完整描述。

JavaScript 赋值运算符

赋值运算符向 JavaScript 变量赋值。

运算符 例子 等同于
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y

加法赋值运算符(+=)向变量添加一个值。

赋值

var x = 7;
x += 8; 
运行实例 »

点击 "运行实例" 按钮查看在线实例

注释:JS 赋值这一章中完整描述了赋值运算符。

JavaScript 字符串运算符

+ 运算符也可用于对字符串进行相加(concatenate,级联)。

实例

txt1 = "Bill";
txt2 = "Gates";
txt3 = txt1 + " " + txt2; 

txt3 的结果将是:

Bill Gates
运行实例 »

点击 "运行实例" 按钮查看在线实例

+= 赋值运算符也可用于相加(级联)字符串:

实例

txt1 = "Hello ";
txt1 += "Kitty!"; 

txt1 的结果将是:

Hello Kitty!
运行实例 »

点击 "运行实例" 按钮查看在线实例

提示:在用于字符串时,+ 运算符被称为级联运算符。

字符串和数字的相加

相加两个数字,将返回和,但对一个数字和一个字符串相加将返回一个字符串:

实例

x = 7 + 8;
y = "7" + 8;
z = "Hello" + 7;

x、y 和 z 的结果将是:

15
78
Hello7
运行实例 »

点击 "运行实例" 按钮查看在线实例

提示:如果您对数字和字符串相加,结果将是字符串!

JavaScript 比较运算符

运算符 描述
== 等于
=== 等值等型
!= 不相等
!== 不等值或不等型
> 大于
< 小于
>= 大于或等于
<= 小于或等于
? 三元运算符

注释:JS 比较这一章中完整描述了比较运算符。

JavaScript 逻辑运算符

运算符 描述
&& 逻辑与
|| 逻辑或
! 逻辑非

注释:JS 比较这一章中完整描述了逻辑运算符。

JavaScript 类型运算符

运算符 描述
typeof 返回变量的类型。
instanceof 返回 true,如果对象是对象类型的实例。

注释:JS 类型转换这一章完整描述了类型运算符。

JavaScript 位运算符

位运算符处理 32 位数。

该运算中的任何数值运算数都会被转换为 32 位的数。结果会被转换回 JavaScript 数。

运算符 描述 例子 等同于 结果 十进制
& 与 5 & 1 0101 & 0001 0001 1
| 或 5 | 1 0101 | 0001 0101 5
~ 非 ~ 5 ~0101 1010 10
^ 异或 5 ^ 1 0101 ^ 0001 0100 4
<< 零填充左位移 5 << 1 0101 << 1 1010 10
>> 有符号右位移 5 >> 1 0101 >> 1 0010 2
>>> 零填充右位移 5 >>> 1 0101 >>> 1 0010 2

上例使用 4 位无符号的例子。但是 JavaScript 使用 32 位有符号数。

因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。

~00000000000000000000000000000101 将返回 11111111111111111111111111111010。

注释:我们将在 JS 位运算这一章为您详解位运算符。

课外书

如需更多有关 JavaScript 运算符的知识,请阅读 JavaScript 高级教程中的相关内容:

ECMAScript 一元运算符
一元运算符只有一个参数,即要操作的对象或值。本节讲解 ECMAScript 中最简单的运算符 - 一元运算符。
ECMAScript 位运算符
位运算符是在数字底层进行操作的。本节深入讲解了有关整数的知识,并介绍了 ECMAScript 的各种位运算符。
ECMAScript Boolean 运算符
Boolean 运算符非常重要。本节深入讲解三种 Boolean 运算符:NOT、AND 和 OR。
ECMAScript 乘性运算符
本节讲解 ECMAScript 的乘性运算符:乘法、除法、取模运算符,以及它们的特殊行为。
ECMAScript 加性运算符
本节讲解 ECMAScript 的加性运算符:加法、减法运算符,以及它们的特殊行为。
ECMAScript 关系运算符
关系运算符执行的是比较运算。本节讲解关系运算符的常规比较方式,以及如何比较字符串与数字。
ECMAScript 等性运算符
等性运算符用于判断变量是否相等。ECMAScript 提供两套等性运算符:等号和非等号,以及全等号和非全等号。
ECMAScript 条件运算符
本节讲解 ECMAScript 中的条件运算符。
ECMAScript 赋值运算符
本节讲解 ECMAScript 中的赋值运算符。
ECMAScript 逗号运算符符
本节讲解 ECMAScript 中的逗号运算符。

另请参阅

教程:JavaScript 运算符优先级

参考手册:JavaScript 运算符

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.8万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.1万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.4万次学习

收藏

精品课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

65万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.7万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.1万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.4万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.2万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.2万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7,16种组合,超全大合集

下载

VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载

VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载

php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载

VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载

SublimeText3汉化版
SublimeText3汉化版

中文版,非常好用

下载

Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包,适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载