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

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

JavaScript 赋值运算符

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

  1. 等号赋值(=):将右侧的值赋给左侧的变量。
var x = 10; // 将值 10 赋给变量 x
  1. 加等赋值(+=):将右侧的值加到左侧的变量上,并将结果赋给左侧的变量。
var x = 5;
x += 3; // 相当于 x = x + 3,此时 x 的值为 8
  1. 减等赋值(-=):将右侧的值从左侧的变量中减去,并将结果赋给左侧的变量。
var x = 10;
x -= 4; // 相当于 x = x - 4,此时 x 的值为 6
  1. 乘等赋值(*=):将左侧的变量乘以右侧的值,并将结果赋给左侧的变量。
var x = 3;
x *= 2; // 相当于 x = x * 2,此时 x 的值为 6
  1. 除等赋值(/=):将左侧的变量除以右侧的值,并将结果赋给左侧的变量。
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"
  1. 数字相加:当+两侧的操作数都是数字时,+会执行加法操作。
var x = 5;
var y = 3;
var sum = x + y; // sum 的值为 8
  1. 数字字符串转换后相加:如果+两侧的操作数中有一个是字符串,另一个是数字,那么数字会被转换成字符串进行拼接。
var x = 5;
var y = "3";
var result = x + y; // result 的值为 "53",而不是 8
  1. 表达式拼接+ 还可以将表达式拼接在一起。
var message = "The result is: " + (5 + 3); // message 的值为 "The result is: 8"
• 1

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

JavaScript比较运算符

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

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

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

JavaScript逻辑运算符

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

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

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

JavaScript位运算符

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

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

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

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

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

相关文章
|
27天前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
3天前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
4天前
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
3天前
|
JavaScript 前端开发 Oracle
软件工程师,学习下JavaScript ES6新特性吧
软件工程师,学习下JavaScript ES6新特性吧
21 9
|
4天前
|
JavaScript 前端开发 算法
紧跟月影大佬的步伐,一起来学习如何写好JS(下)
该文章延续了上篇的内容,进一步探讨了编写优秀JavaScript代码的实践,强调了代码风格一致性、性能优化、团队约定的重要性,并通过实际案例分析了如何在不同场景下写出合适的代码。
|
2月前
|
JSON 前端开发 JavaScript
|
19天前
|
存储 JSON JavaScript
学习node.js十三,文件的上传于下载
学习node.js十三,文件的上传于下载
|
22天前
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
15 3
|
2月前
|
JavaScript 前端开发 iOS开发
学习强大的JavaScript一行代码,能够节省你的时间和代码量
这段内容介绍了25个实用的JavaScript一行代码技巧,涵盖复制内容到剪贴板、打乱数组、颜色值转换、计算平均值、检查数字奇偶性、数组去重、对象为空检测、字符串反转、日期计算、首字母大写、生成随机字符串、四舍五入、清除Cookie、检测暗黑模式等,帮助开发者提高效率并简化代码。
23 2
|
2月前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
16 1