javaScrit之运算符第二天

m0_74242675

已于 2024-02-06 17:06:34 修改

阅读量666

点赞数 11

分类专栏：前端 HTML css js 文章标签：前端 css html5 css3 开发语言

于 2024-02-06 17:04:52 首次发布

本文链接：https://blog.csdn.net/m0_74242675/article/details/136059066

版权

前端 HTML css js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

JavaScript 中的运算符用于执行各种数学和逻辑运算。下面是一些常用的运算符：

1. 算术运算符：

加法运算符（+）：用于将两个数相加。
减法运算符（-）：用于将一个数减去另一个数。
乘法运算符（*）：用于将两个数相乘。
除法运算符（/）：用于将一个数除以另一个数。
模运算符（%）：用于返回两个数相除的余数。
自增运算符（++）：用于将变量的值增加1。
自减运算符（–）：用于将变量的值减少1。

2. 赋值运算符：

简单赋值运算符（=）：将右侧的值赋给左侧的变量。
加等运算符（+=）：将右侧的值加到左侧的变量，并将结果赋给左侧的变量。
减等运算符（-=）：将右侧的值减去左侧的变量，并将结果赋给左侧的变量。
乘等运算符（*=）：将右侧的值乘以左侧的变量，并将结果赋给左侧的变量。
除等运算符（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
模等运算符（%=）：将左侧的变量除以右侧的值的余数，并将结果赋给左侧的变量。

3. 比较运算符：

等于运算符（==）：用于判断两个值是否相等。
不等运算符（!=）：用于判断两个值是否不等。
全等运算符（===）：用于判断两个值是否完全相等（包括类型和值）。
不全等运算符（!==）：用于判断两个值是否不完全相等（包括类型和值）。
大于运算符（>）：用于判断左侧的值是否大于右侧的值。
小于运算符（<）：用于判断左侧的值是否小于右侧的值。
大于等于运算符（>=）：用于判断左侧的值是否大于或等于右侧的值。
小于等于运算符（<=）：用于判断左侧的值是否小于或等于右侧的值。

4. 逻辑运算符：

逻辑与运算符（&&）：用于判断两个条件是否同时成立。
逻辑或运算符（||）：用于判断两个条件是否有一个成立。
逻辑非运算符（!）：用于取反一个条件的结果。

5. 位运算符：

按位与运算符（&）：对两个数的每个二进制位执行位与操作。
按位或运算符（|）：对两个数的每个二进制位执行位或操作。
按位异或运算符（^）：对两个数的每个二进制位执行异或操作。
按位非运算符（~）：对一个数的每个二进制位执行取反操作。
左移运算符（<<）：将一个数的二进制位向左移动指定的位数。
右移运算符（>>）：将一个数的二进制位向右移动指定的位数。
无符号右移运算符（>>>）：将一个数的二进制位向右移动指定的位数，移动后高位补0。

这些运算符可以用于执行各种数学运算和逻辑判断，并且可以组合使用来实现更复杂的操作。

1.-运算符-数学运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //+ - * /  % 取余 
        // var a = 10
        // var b = true
        // console.log(a+b)


        //被除数/除数 商 。。。。余数
        // var a = 10
        // var b = 3
        // console.log(a%b)

        var a = 1000 // 分钟
        var b = parseInt(a/60) // 10：20
        var c = a%60
        console.log(b+":"+c)


        console.log("1"+"2"*3+4)
    </script>
</head>
<body>
    
</body>
</html>

2.-运算符-赋值运算符

在JavaScript中，赋值运算符用于将一个表达式的结果赋给一个变量。基本的赋值运算符是 =。以下是一个简单的赋值运算符的例子：

// 基本赋值运算符例子
let x;
x = 10; // 将数值10赋给变量x

console.log(x); // 输出：10

此外，JavaScript还支持复合赋值运算符，它们可以同时执行某个数学运算并赋值：

// 复合赋值运算符例子（加法赋值）
let y = 5;
y += 3; // 相当于 y = y + 3;

console.log(y); // 输出：8

// 复合赋值运算符例子（乘法赋值）
let z = 2;
z *= 4; // 相当于 z = z * 4;

console.log(z); // 输出：8

其他复合赋值运算符还包括 -=（减法）、*=（乘法）、/=（除法）、%=（取模）、<<=（左移位）、>>=（右移位）、>>>=（无符号右移位）和&=、|=、^=（位运算）。

3.-运算符-比较运算符

在JavaScript中，比较运算符用于比较两个值之间的关系。以下是一些常见的比较运算符的例子：

1.相等性检查：

let a = 5;
let b = "5";

// 检查两者是否相等（不考虑数据类型）
console.log(a == b); // 输出：true，因为JavaScript会进行类型转换

// 检查两者是否严格相等（同时考虑数据类型）
console.log(a === b); // 输出：false，因为一个是数值类型，另一个是字符串类型

2.不等性检查：

let x = 10;
let y = 5;

// 不等于
console.log(x != y); // 输出：true，因为10不等于5

// 严格不等于
console.log(x !== y); // 输出：true，同样表示10严格不等于5

3.大小比较：

let score1 = 85;
let score2 = 90;

// 大于
console.log(score2 > score1); // 输出：true，因为90大于85

// 小于
console.log(score1 < score2); // 输出：true，因为85小于90

// 大于或等于
console.log(score2 >= score1); // 输出：true，因为90大于或等于85

// 小于或等于
console.log(score1 <= score2); // 输出：true，因为85小于或等于90

4.全等比较（包括NaN的特殊处理）：

let notANumber = NaN;
console.log(NaN == NaN); // 输出：false，因为NaN不等于自身
console.log(notANumber === NaN); // 输出：true，使用严格相等可以正确检测NaN

4.-运算符-逻辑运算符

在JavaScript中，逻辑运算符用于基于两个或多个布尔表达式的结果组合成新的布尔值。以下是一些常见的逻辑运算符的例子：

1.逻辑与（AND）运算符 &&：

let age = 25;
let isStudent = true;

// 使用逻辑与检查年龄是否大于18并且是学生
if (age > 18 && isStudent) {
  console.log("满足条件：年龄超过18岁且为在校学生");
}

2.逻辑或（OR）运算符 ||：

let isLoggedIn = false;
let hasAccessCode = true;

// 使用逻辑或检查用户是否已登录或者拥有访问代码
if (isLoggedIn || hasAccessCode) {
  console.log("满足条件：用户已登录或拥有访问代码");
}

3.逻辑非（NOT）运算符 !：

let isRainy = true;

// 使用逻辑非反转天气状况的布尔值
let isNotRainy = !isRainy;

console.log(isNotRainy); // 输出：false，因为逻辑非将true变为false

4.短路逻辑运算符：

短路逻辑与：

如果左侧表达式的值已经可以确定整个表达式的结果，则不会评估右侧表达式。

let isValid = false;
let user = null;

// 如果isValid为false，那么user.isAdmin永远都不会被检查
if (isValid && user.isAdmin) {
  console.log("用户是管理员");
}

短路逻辑或：如果左侧表达式的值已经可以确定整个表达式的结果，则不会评估右侧表达式。

let isAvailable = true;
let backupItem = { name: '备用项' };

// 如果isAvailable为true，那么backupItem永远不会被访问
let itemToShow = isAvailable || backupItem;

// 在这种情况下，itemToShow会得到true或backupItem对象本身

逻辑运算符经常用于控制流程、验证输入和做出决策等场景。

5.-运算符-自增自减运算符

在JavaScript中，自增（++）和自减（–）运算符用于增加或减少变量的值，并返回更新后的值。有两种使用方式：前缀形式（前置操作符）和后缀形式（后置操作符）。以下是它们的例子：

1.前缀自增（++var）：

let counter = 5;
console.log(++counter); // 输出：6，然后counter的值变为6

2.后缀自增（var++）：

let anotherCounter = 10;
console.log(anotherCounter++); // 输出：10，然后anotherCounter的值变为11

3.前缀自减（–var）：

let countdown = 8;
console.log(--countdown); // 输出：7，然后countdown的值变为7

注意：前缀运算符会先执行加/减操作再返回结果，而后缀运算符会先返回当前值再执行加/减操作。所以在表达式中使用自增/自减时，其行为可能会有所不同。例如，在赋值语句中：

let x = 5;
let y;

// 前缀自增
y = ++x; // 先将x加1得到6，再赋给y，所以y=6, x=6

// 后缀自增
y = x++; // 先将x的当前值5赋给y，再将x加1，所以y=5, x=6

6.-三目运算符

JavaScript中的三目运算符（也称为条件运算符）允许你根据一个布尔表达式的值来决定返回两个可能的结果之一。其语法格式如下：

condition ? expressionIfTrue : expressionIfFalse;

下面是一个具体的例子：

let score = 85;

// 使用三目运算符来判断成绩等级
let grade = score >= 90 ? 'A' : (score >= 80 ? 'B' : (score >= 70 ? 'C' : 'D'));

console.log(grade); // 如果score是85，那么输出 'B'