插件窝 干货文章 JavaScript中的运算符讲解

JavaScript中的运算符讲解

运算符 strong li class 82    来源:    2024-10-30

一、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 等同于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 = 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。非数值字符串将被转换为始终为 false 的 NaN。

五、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运算符的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持插件窝。