手册

目录

算数

收藏372

阅读599

更新时间2025-08-07

JavaScript 算数运算符

算术运算符对数值(文字或变量)执行算术运算。

运算符 描述
+ 加法
- 减法
* 乘法
** 幂(ES2016)
/ 除法
% 系数
++ 递增
-- 递减

算数运算符

典型的算术运算会操作两个数值。

这两个数可以是字面量:

实例

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

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

或变量:

实例

var x = a + b;
运行实例 »

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

或表达式:

实例

var x = (7 + 8) * a;
运行实例 »

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

运算符和操作数

在算术运算中,数被称为操作数

(两个操作数之间执行的)运算由运算符定义。

操作数 运算符 操作数
7 + 8

加法

加法运算符(+)加数:

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

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

减法

减法运算符(-)减数。

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

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

乘法

乘法运算符(*)乘数。

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

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

除法

除法运算符(/)除数。

var x = 7;
var y = 2;
var z = x / y; 
运行实例 »

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

系数

系数运算符(%)返回除法的余数。

var x = 7;
var y = 2;
var z = x % y; 
运行实例 »

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

注释:在算术中,两个整数的除法产生商和余数。

注释:在数学中,模运算的结果是算术除法的余数。

递增

递增运算符(++)对数值进行递增。

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

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

递减

递减运算符(--)对数值进行递减。

var x = 7;
x--;
var z = x; 
运行实例 »

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

取幂运算符(**)将第一个操作数提升到第二个操作数的幂。

实例

var x = 5;
var z = x ** 2;          // 结果是 25
运行实例 »

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

x ** y 产生的结果与 Math.pow(x,y) 相同:

实例

var x = 5;
var z = Math.pow(x,2);   // 结果是 25
运行实例 »

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

运算符优先级

运算符优先级(Operator precedence)描述了在算术表达式中所执行操作的顺序。

实例

var x = 200 + 50 * 2;
运行实例 »

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

上例的结果是 250 * 2 还是 200 + 100 呢?

是加法还是乘法优先呢?

在传统的学校数学中,乘法是优先的。

乘法(*)和除法(%)比加法(+)和减法(-)拥有更高的优先级

同时,(就像在学校的数学中那样)能够通过使用括号来改变优先级:

实例

var x = (200 + 50) * 2;
运行实例 »

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

当使用括号时,括号中的运算符会首先被计算。

当多个运算拥有相同的优先级时(比如加法和减法),对它们的计算是从左向右的:

实例

var x = 200 + 50 - 2;
运行实例 »

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

JavaScript 运算符优先级值

运算符 描述 实例
20 ( ) 表达式分组 (3 + 4)
       
19 . 成员 person.name
19 [] 成员 person["name"]
19 () 函数调用 myFunction()
19 new 创建 new Date()
       
17 ++ 后缀递增 i++
17 -- 后缀递减 i--
       
16 ++ 前缀递增 ++i
16 -- 前缀递减 --i
16 ! 逻辑否 !(x==y)
16 typeof 类型 typeof x
       
15 ** 求幂 (ES7) 10 ** 2
       
14 * 10 * 5
14 / 10 / 5
14 % 模数除法 10 % 5
       
13 + 10 + 5
13 - 10 - 5
       
12 << 左位移 x << 2
12 >> 右位移 x >> 2
12 >>> 右位移(无符号) x >>> 2
       
11 < 小于 x < y
11 <= 小于或等于 x <= y
11 > 大于 x > y
11 >= 大于或等于 x >= y
11 in 对象中的属性 "PI" in Math
11 instanceof 对象的实例 instanceof Array
       
10 == 相等 x == y
10 === 严格相等 x === y
10 != 不相等 x != y
10 !== 严格不相等 x !== y
       
9 & 按位与 x & y
8 ^ 按位 XOR x ^ y
7 | 按位或 x | y
6 && 逻辑与 x && y
5 || 逻辑否 x || y
4 ? : 条件 ? "Yes" : "No"
       
3 = 赋值 x = y
3 += 赋值 x += y
3 -= 赋值 x -= y
3 *= 赋值 x *= y
3 %= 赋值 x %= y
3 <<= 赋值 x <<= y
3 >>= 赋值 x >>= y
3 >>>= 赋值 x >>>= y
3 &= 赋值 x &= y
3 ^= 赋值 x ^= y
3 |= 赋值 x |= y
       
2 yield 暂停函数 yield x
1 , 逗号 7 , 8

注意:淡红色指示实验性或建议性的技术(ECMASScript 2016 或 ES7)

提示:括号中的表达式会在值在表达式的其余部分中被使用之前进行完全计算。

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

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

616946次学习

收藏

免费

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

238440次学习

收藏

免费

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

393054次学习

收藏

免费

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

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

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

229605次学习

收藏

科技资讯

更多

精选课程

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

共29课时

61.7万人学习

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

共25课时

39.3万人学习

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

共43课时

70.9万人学习

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

共25课时

61.6万人学习

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

共22课时

23万人学习

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

共28课时

33.9万人学习

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

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号