JavaScript 运算符完整指南:算术、赋值、比较与逻辑

作者:橙子时间:2026-10-25 10:47:17浏览:602

本文系统讲解 JavaScript 中的各类运算符。涵盖算术、赋值、字符串级联、比较(含类型转换)、逻辑、类型判断、位运算及逗号运算符。重点解析不同数据类型比较时的隐式转换规则,以及三元运算符的语法结构,帮助开发者准确掌握运算优先级与结果。

一、JavaScript 算术运算符

算术运算符主要用于对数值执行数学计算。

  • +:加法
  • -:减法
  • *:乘法
  • /:除法
  • %:取模(余数)
  • ++:递增
  • --:递减

加法运算符(+)用于将两个数字相加:

var x = 7;
var y = 8;
var z = x + y;

乘法运算符(*)用于计算两个数字的乘积:

var x = 7;
var y = 8;
var z = x * y;

二、JavaScript 赋值运算符

赋值运算符用于将值赋给 JavaScript 变量。

  • =:x = y,将 y 的值赋给 x
  • +=: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 = 15;

加法赋值运算符(+=)用于向现有变量值添加一个新值。

var x = 7;
x += 8;

三、JavaScript 字符串运算符

+ 运算符也可用于连接字符串(concatenate,即级联)。

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

+= 赋值运算符同样可用于连接字符串:

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

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

当一个数字与一个字符串相加时,结果将返回字符串类型:

x = 7 + 8;
y = "7" + 8;//78
z = "Hello" + 7;//Hello7

四、JavaScript 比较运算符(关系运算符)

  • ==:等于
  • ===:等值且等型
  • !=:不相等
  • !==:不等值或不等型
  • >:大于
  • <:小于
  • >=:大于或等于
  • <=:小于或等于

比较不同的类型

比较不同类型的数据可能会产生不可预知的结果。

如果在比较中将字符串与数字进行对比,JavaScript 会尝试将字符串转换为数值。空字符串会被转换为 0。非数值字符串在转换时会变为 NaN,其比较结果始终为 false。

五、JavaScript 逻辑运算符

  • &&:逻辑与
  • ||:逻辑或
  • !:逻辑非

六、JavaScript 类型运算符

  • typeof:返回变量的数据类型。
  • instanceof:如果对象是特定对象类型的实例,则返回 true。

七、JavaScript 位运算符

位运算符处理 32 位整数。任何数值运算数在参与运算前都会被转换为 32 位整数,运算结果随后会转换回 JavaScript 数值。

  • &:按位与
  • |:按位或
  • ~:按位非
  • ^:按位异或
  • <<:零填充左位移
  • >>:有符号右位移
  • >>>:零填充右位移

八、逗号运算符

逗号运算符允许在一条语句中执行多个运算,常用于变量声明中。

var iNum1 = 1, iNum = 2, iNum3 = 3;

九、条件运算符(三元运算符)

语法:条件表达式 ? 语句1 : 语句2;

var iMax = (iNum1 > iNum2) ? iNum1 : iNum2;

到此这篇关于JavaScript运算符的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持本站。

作者最新文章