您必须知道的4种JavaScript操作员
#javascript #网络开发人员 #初学者 #编程

JavaScript依靠操作员在数据上执行广泛的操作。本指南旨在为您提供对这些运营商及其不同类别的深入了解。

让我们开始！

什么是操作员？

运算符是用于对操作数执行操作的符号，该操作数可能是变量或值。他们在您的代码中完成各种任务中起着关键作用。

操作员的类型

JavaScript提供以下类型的操作员。

1. ARITHMETIC运算符

如果要对数字值执行数学计算，则可以使用算术运算符。

JavaScript提供以下算术运算符：

  • 加法（+）

加法运算符用于将两个数字添加在一起。

例如：

let num1 = 10;
let num2 = 5;
let sum = num1 + num2; 
console.log(sum); //Output: 15
  • 减法（ - ）

减法操作员用于减去两个数字。

例如：

let num1 = 10;
let num2 = 5;
let difference = num1 - num2; 
console.log(difference); //Output: 5
  • 乘法（*）

乘法运算符用于乘以两个数字。

例如：

let num1 = 10;
let num2 = 5;
let product = num1 * num2; 
console.log(product); //Output: 50
  • division（/）

除法运算符用于将第一个数字除以第二个数字。

例如：

let num1 = 10;
let num2 = 5;
let quotient = num1 / num2; 
console.log(quotient); //Output: 2
  • Modulus (%)

模量运算符返回分区操作的其余部分。

例如：

let num1 = 16;
let num2 = 5;
let remainder = num1 % num2; 
console.log(remainder); //Output: 1
  • 增量（++）

增量运算符用于将变量的值增加一个。

例如：

let num = 13;
num++; 
console.log(num); //Output:14
  • 减少（ - ）

减少操作员用于将变量的值降低一个。

例如：

let num = 13;
num--; 
console.log(num); //Output:12

2.分配运营商

如果要将值分配给变量，则可以使用分配运算符。他们还可以在分配值时执行操作。

JavaScript提供以下作业运算符：

  • = operator

分配运算符为变量分配一个值。

例如：

let x = 10; // x is assigned the value 10
  • +=操作员 
let x = 10;
x += 5; 
console.log(x); // x is now 15 (x = x + 5)
  • -=操作员 
let x = 10;
x -= 6; 
console.log(x); // x is now 4 (x = x - 6)
  • *=操作员 
let x = 10;
x *= 4; 
console.log(x); // x is now 40 (x = x * 4)
  • /=操作员 
let x = 10;
x /= 2; 
console.log(x); // x is now 5 (x = x / 2)
  • %=操作员 
let x = 10;
x %= 3; 
console.log(x); // x is now 1 (x = x % 3)

3.比较运营商

如果要比较两个变量，则可以使用比较操作员。这些操作员返回一个布尔结果（true或fals），指示比较是对还是错误。

JavaScript提供以下比较操作员：

  • 平等（==）

平等运算符用于比较变量的值。

例如：

let x = 5; //this is an integer
let y = '5'; //this is a string
console.log(x == y); // Output: true

在上面的示例中，输出是正确的，因为两个变量的值相同，即5。

  • 不等式（！=）

不等式操作员用于检查两个变量的值是否不相等。

例如：

let x = 5;
let y = '6';
console.log(x != y); // Output: true

在上面的示例中，输出是正确的，因为x的值不等于y。

的值。
  • 严格的平等（===）

严格的平等操作员用于比较变量的值和数据类型。

例如：

let x = 5; //this is an integer
let y = '5'; //this is a string
console.log(x === y); // Output: false

在上面的示例中，输出是错误的，因为两个变量的值相同，但它们的数据类型不相同。

  • 严格不平等（！==）

严格的不等式操作员用于检查两个变量的值和数据类型是否不相等。

例如：

let x = 5; //this is an integer
let y = '5'; //this is a string
console.log(x !== y); // Output: true

在上面的示例中，输出是正确的，因为两个变量的数据类型都不相同。

  • 三元运算符（条件操作员）

三元操作员，也称为条件操作员，允许您编写简洁的条件语句。

三元运算符具有以下语法：

condition ? expression(if condition true) : expression(if condition false)

在这里，首先评估条件。如果条件为真，则执行:（结肠）之前的表达式，其结果成为整个表达式的结果。

如果条件是错误的，则执行:（结肠）后的表达式，其结果成为整个表达式的结果。

示例：1 

let age = 18;
let canDrive = age >= 18 ? 'You can drive.' : 'You cannot drive.'; 
console.log(canDrive); //Output: You can drive

示例：2 

let isMorning = false;
let greeting = isMorning ? "Good Morning!" : "Good Evening!";
console.log(greeting); // Output: Good Evening!

嵌套三元算子

嵌套的三元运算符是一个有条件的操作员，嵌套在另一个条件操作员内。

例如：

const score = 75;
const grade = score >= 90 ? "A": score >= 70 ? "B": score >= 50? "C" : "D"

console.log(`Your grade is ${grade}`); // Output: Your grade is B

在这里，我们有一个score变量，值为75。

在三元操作员中，第一个条件检查得分是否大于或等于90，如果是正确的，则将变量grade的值设置为s false然后检查第二个条件，即score >= 70。

如果条件score >=70为true，则将变量grade的值设置为b，如果它是错误的，则将检查下一个条件（score >= 50）。

如果条件score>=50为true，则将变量grade的值设置为c，如果它是错误的，则将变量grade的值设置为d。 /p>

在这种情况下，我们的得分= 75，这意味着score>=70，因此变量grade的值设置为bâ。

。
  • 其他比较操作员（<，>，<=，> =）

JavaScript还提供了诸如大于（>），小于（<），大于或等于（>=）的操作员，并且小于或等于（<=）。

。

示例：1 

let x = 5;
let y = 16;
console.log(x > y); // Output: false

示例：2 

let x = 5;
let y = 16;
console.log(x < y); // Output: true

示例：3 

let x = 5;
let y = 16;
console.log(x >= y); // Output: false

示例：4 

let x = 5;
let y = 16;
console.log(x <= y); // Output: true

4.逻辑操作员

逻辑运算符用于一个或多个变量，并返回true或false。

JavaScript提供以下逻辑运算符：

  • 逻辑和（&&）

如果两个操作数都是正确的，则逻辑和操作员将返回true。否则，它返回false。它可用于检查多个条件。

示例：1 

let x = 13;
console.log(x<15 && x>12); //Output: true

在上面的示例中，输出是正确的，因为条件x <15是正确的，条件x> 12是正确的，即两个条件都是正确的。

示例：2 

let x = 13;
console.log(x<15 && x>14); //Output: false

在上面的示例中，输出是错误的，因为条件x <15是正确的，但是条件x> 14为false，即两个条件都是不正确的。

您还可以使用&&操作员检查两个以上的条件。例如：

let a = true;
let b = true;
let c = false;
console.log(a && b && c); //Output: false

这里的输出是错误的，因为一个变量（c）是错误的。

  • 逻辑或（||）

如果至少一个操作数为真，则逻辑或操作员将返回true。如果两个操作数都是错误的。

示例：1 

let x = 13;
console.log(x>15 || x<20); //Output: true

这里的输出是正确的，因为其中一个条件（x <20）为true。

示例：2 

let x = 13;
console.log(x>15 || x<12); // Output: false

这里的输出是错误的，因为两个条件都是错误的。

示例：3 

let a = true;
let b = false;
console.log(a || b); // Output: true

这里的输出是正确的，因为其中一个条件是正确的。

  • 逻辑不是（！）

逻辑不是操作员会逆转布尔值。这意味着，如果操作数为真，则变为false，如果操作数为false，则将变为正确。

例如：

let a = true;
console.log(!a); // Output: false

let b = false;
console.log(!b) // Output: true

结论

在本综合指南中，我们了解了JavaScript操作员，这对于在数据上进行广泛的操作至关重要。这是我们所涵盖的快速回顾：

  1. 算术运算符：这些操作员用于数学计算，包括加法，减法，乘法，除法，模量，增量和减少。
  2. 分配运算符：这些用于将值分配给变量，并且在分配值时也可以执行操作。 分配运营商包括=，+=，-=，*=，/=，%=。
  3. 比较运算符：这些操作员用于比较值并根据比较返回真或错误。 Comparison operators include equality (==), inequality (!=), strict equality (===), strict inequality (!==), ternary operator(? :), greater than (>), less than (<), greater than or equal to (>= ），小于或等于（<=）。
  4. 逻辑运算符：这些操作员用于对布尔值进行逻辑操作。 逻辑运算符包括逻辑和（&&），逻辑或（||），以及逻辑上的（!）。 在整个指南中，我为每种类型的操作员提供了详细的解释和示例。

感谢您的阅读。

对于这样的更多内容click here。

保持编码！