当前位置:网站首页 > JavaScript开发 > 正文

13 JavaScript学习:运算符

JavaScript 运算符

在这里插入图片描述

JavaScript 中有多种类型的运算符,包括以下几类:

  1. 算术运算符:用于执行基本的数学运算,如加法(+)、减法(-)、乘法(*)、除法(/)和求余(%)。
  2. 赋值运算符:用于给变量赋值,如等号(=)、加等(+=)、减等(-=)等。
  3. 比较运算符:用于比较两个值,返回布尔值 true 或 false,如相等()、全等(=)、不相等(!=)、大于(>)、小于(<)等。
  4. 逻辑运算符:用于组合多个表达式,返回布尔值,如与(&&)、或(||)、非(!)等。
  5. 条件运算符(三元运算符):根据指定条件选择执行不同的代码路径,格式为 condition ? expr1 : expr2。
  6. 自增和自减运算符:用于增加或减少变量的值,包括前置自增(++x)、后置自增(x++)、前置自减(–x)、后置自减(x–)。
  7. 位运算符:对操作数的二进制形式执行位运算,如按位与(&)、按位或(|)、按位取反(~)、按位异或(^)等。
  8. 字符串运算符:用于连接字符串,即将两个字符串值合并为一个,常用的是加号(+)。
  9. 类型运算符:用于确定变量的数据类型,包括 typeof 运算符和 instanceof 运算符。
  10. 其他运算符:包括条件运算符(?:)、逗号运算符(,)等。

以上是 JavaScript 中常用的运算符,它们可以用于执行各种操作,实现复杂的逻辑和计算。

JavaScript 算术运算符

在这里插入图片描述

JavaScript 中的算术运算符用于执行基本的数学运算,常见的算术运算符包括加法(+)、减法(-)、乘法(*)、除法(/)和求余(%)。下面是这些运算符的详细解释和举例:

  1. 加法运算符(+):
    用于将两个值相加。
    var x = 5; var y = 3; var sum = x + y; // 结果为 8 
  2. 减法运算符(-):
    用于从第一个操作数中减去第二个操作数。
    var x = 5; var y = 3; var difference = x - y; // 结果为 2 
  3. 乘法运算符(*):
    用于将两个值相乘。
    var x = 5; var y = 3; var product = x * y; // 结果为 15 
  4. 除法运算符(/):
    用于将第一个操作数除以第二个操作数。
    var x = 6; var y = 3; var quotient = x / y; // 结果为 2 
  5. 求余运算符(%):
    返回除法操作的余数。
    var x = 7; var y = 3; var remainder = x % y; // 结果为 1 

这些算术运算符在 JavaScript 中非常常用,可以用于执行各种数学计算,并且可以组合使用以实现复杂的运算逻辑。

JavaScript 赋值运算符

JavaScript 中的赋值运算符用于给变量赋值,常见的赋值运算符有以下几种:

  1. 等号赋值(=):将右侧的值赋给左侧的变量。
    var x = 10; // 将值 10 赋给变量 x 
  2. 加等赋值(+=):将右侧的值加到左侧的变量上,并将结果赋给左侧的变量。
    var x = 5; x += 3; // 相当于 x = x + 3,此时 x 的值为 8 
  3. 减等赋值(-=):将右侧的值从左侧的变量中减去,并将结果赋给左侧的变量。
    var x = 10; x -= 4; // 相当于 x = x - 4,此时 x 的值为 6 
  4. 乘等赋值(*=):将左侧的变量乘以右侧的值,并将结果赋给左侧的变量。
    var x = 3; x *= 2; // 相当于 x = x * 2,此时 x 的值为 6 
  5. 除等赋值(/=):将左侧的变量除以右侧的值,并将结果赋给左侧的变量。
    var x = 10; x /= 2; // 相当于 x = x / 2,此时 x 的值为 5 

赋值运算符可以简化代码并实现快速的赋值操作,是 JavaScript 中非常常用的运算符之一。

JavaScript 连接运算符+

JavaScript中的连接运算符+在不同的情况下有不同的功能:

  1. 字符串拼接:当+两侧的操作数中至少有一个是字符串时,+会执行字符串拼接操作。
    var firstName = "Alice"; var lastName = "Smith"; var fullName = firstName + " " + lastName; // fullName 的值为 "Alice Smith" 
  2. 数字相加:当+两侧的操作数都是数字时,+会执行加法操作。
    var x = 5; var y = 3; var sum = x + y; // sum 的值为 8 
  3. 数字字符串转换后相加:如果+两侧的操作数中有一个是字符串,另一个是数字,那么数字会被转换成字符串进行拼接。
    var x = 5; var y = "3"; var result = x + y; // result 的值为 "53",而不是 8 
  4. 表达式拼接+ 还可以将表达式拼接在一起。
    var message = "The result is: " + (5 + 3); // message 的值为 "The result is: 8" 

在 JavaScript 中,+ 运算符具有重载的特性,其行为会根据操作数的类型而动态变化。因此,在使用+ 运算符时,需要根据具体的情况来理解它的功能。

JavaScript比较运算符

当涉及比较运算符时,JavaScript中的值将被比较并产生一个布尔值(true或false),以下是一些常见的比较运算符和它们的详细解释以及举例:

  1. 相等操作符(==):
    • 描述:比较两个值时会先进行类型转换,然后再比较值是否相等。
    • 示例:
      5 == 5 // true 5 == '5' // true,因为 '5' 被转换为数字 5 5 == 3 // false 'hello' == 'world' // false 
  2. 严格相等操作符(===):
    • 描述:比较两个值时,不会进行类型转换,需要值和类型都相等才返回true。
    • 示例:
      5 === 5 // true 5 === '5' // false,因为类型不同 
  3. 不相等操作符(!=):
    • 描述:比较两个值是否不相等,进行了类型转换之后再比较。
    • 示例:
      5 != 3 // true 5 != '5' // false,因为 '5' 被转换为数字 5,与左侧值相等 
  4. 严格不相等操作符(!==):
    • 描述:比较两个值是否不相等,不进行类型转换。
    • 示例:
      5 !== '5' // true,因为类型不同 5 !== 5 // false 
  5. 大于操作符(>)小于操作符(<):
    • 描述:用于比较两个值的大小关系。
    • 示例:
      5 > 3 // true 5 < 3 // false 
  6. 大于等于操作符(>=)小于等于操作符(<=):
    • 描述:用于比较两个值的大小关系,包括等于情况。
    • 示例:
      5 >= 5 // true 5 <= 3 // false 

以上是一些常见的比较运算符以及相应的示例。在编写JavaScript代码时,合理使用这些比较运算符可以实现各种条件判断和逻辑控制。

JavaScript逻辑运算符

逻辑运算符用于在逻辑语句中组合多个条件,以下是JavaScript中常见的逻辑运算符及其含义:

  1. 逻辑与(&&):如果两个条件都为真,则返回真;否则返回假。
    • 示例:
      (5 > 3) && (7 < 10) // true,因为两个条件都为真 (5 > 3) && (7 > 10) // false,因为第二个条件为假 
  2. 逻辑或(||):如果至少有一个条件为真,则返回真;否则返回假。
    • 示例:
      (5 > 3) || (7 < 10) // true,因为至少有一个条件为真 (5 > 3) || (7 > 10) // true,因为第一个条件为真 
  3. 逻辑非(!):用于取反,如果条件为真,则返回假;如果条件为假,则返回真。
    • 示例:
      !(5 > 3) // false,因为条件为真,取反后为假 !(7 < 10) // false,因为条件为真,取反后为假 

逻辑运算符常用于条件语句中,可以根据多个条件的组合来确定执行的逻辑。在编写JavaScript代码时,灵活运用逻辑运算符可以实现复杂的逻辑控制和条件判断。

JavaScript位运算符

位运算符是用来对数字的二进制位进行操作的特殊运算符。在JavaScript中,有以下几种常见的位运算符:

  1. 按位与(&):将两个数转为二进制后,对应位上的数字都为1才为1,否则为0。
    • 示例:
      5 & 3 // 输出结果为 1,因为 5 的二进制是 101,3 的二进制是 011,按位与后变成 001,即为 1 
  2. 按位或(|):将两个数转为二进制后,对应位上的数字只要有一个为1就为1,否则为0。
    • 示例:
      5 | 3 // 输出结果为 7,因为 5 的二进制是 101,3 的二进制是 011,按位或后变成 111,即为 7 
  3. 按位异或(^):将两个数转为二进制后,对应位上的数字相同为0,不同为1。
    • 示例:
      5 ^ 3 // 输出结果为 6,因为 5 的二进制是 101,3 的二进制是 011,按位异或后变成 110,即为 6 
  4. 按位非(~):操作数的每一位取反,即0变为1,1变为0。
    • 示例:
      ~5 // 输出结果为 -6,因为 5 的二进制是 000...0101,取反后变成 111...1010(负数补码表示) 
  5. 左移(<<):将数字的二进制码向左移动指定的位数,低位补零。
    • 示例:
      5 << 1 // 输出结果为 10,因为 5 的二进制是 101,左移1位后变成 1010,即为 10 
  6. 右移(>>):将数字的二进制码向右移动指定的位数,高位补符号位(正数补0,负数补1)。
    • 示例:
      5 >> 1 // 输出结果为 2,因为 5 的二进制是 101,右移1位后变成 10,即为 2 
  7. 无符号右移(>>>):将数字的二进制码向右移动指定的位数,高位补0。
    • 示例:
      -5 >>> 1 // 输出结果为 ,因为 -5 的二进制是 111...1011(32位),无符号右移1位后变成 0111...1101,即为  

位运算符常用于处理特定位操作的情况,比如数据压缩、加密等领域。在JavaScript中,位运算符通常用于需要直接操作二进制数值的场景,如网络编程、图形处理等。

关注我,不迷路,共学习,同进步

关注我,不迷路,共学习,同进步

在这里插入图片描述

到此这篇13 JavaScript学习:运算符的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 使用JavaScript开发IE浏览器本地插件实例2024-11-10 14:00:05
  • 02 JavaScript用法和语法2024-11-10 14:00:05
  • JavaScript 删除数组中指定元素(5种方法)2024-11-10 14:00:05
  • javascript开发框架权威指南_javascript好学吗2024-11-10 14:00:05
  • 20 JavaScript学习:变量提升和严格模式2024-11-10 14:00:05
  • JavaScript 开发人员需要知道的简写技巧2024-11-10 14:00:05
  • 单机游戏三国志曹操传_javascript功能和应用2024-11-10 14:00:05
  • jsp开发环境的安装及配置_javascript编程软件2024-11-10 14:00:05
  • javascript异步处理方案_vue3和react2024-11-10 14:00:05
  • 01 JavaScript学习 导读2024-11-10 14:00:05
  • 全屏图片