详细介绍 JavaScript 中的一元、二元和三元运算符(带示例)
JavaScript 中有许多运算符,可让我们执行不同的操作。
这些运算符可以根据它们需要的操作数的数量进行分类,我们将在本篇文章中使用示例来解释这些类别。
根据所需的操作数数量,运算符分为三类:
- 一元运算符:需要一个操作数 (Un)
- 二元运算符:需要两个操作数 (Bi)
- 三元运算符:需要三个操作数 (Ter)
请注意
,这些类别不仅适用于 JavaScript。 它们一般适用于编程。
在本文的其余部分,我们将分享属于每个类别的一些运算符示例。
什么是操作数?
首先,让我们了解什么是操作数。 在操作中,操作数是正在操作的数据。 操作数与运算符结合进行运算。
看这个例子:
20 + 30
这里我们有一个求和操作(稍后我们将详细了解)。 这个操作涉及到加号+
,这里有两个操作数:20和30。
现在我们了解了操作数,让我们看一下运算符的示例和它们所属的类别。
什么是一元运算符?
这些运算符需要一个操作数来运算。 提供两个或更多可能会导致语法错误。 以下是属于此类别的运算符的一些示例。
typeof 运算符
typeof
运算符返回值的数据类型。 它只需要一个操作数。 这是一个例子:
typeof "hello" // 👉️ string
如果你向它传递两个操作数,你会得到一个错误:
// ⛔️ Uncaught SyntaxError: Unexpected number
typeof "hello" 50
delete 运算符
我们可以使用 delete
运算符删除数组中的项目或删除对象中的属性。 它是一个一元运算符,只需要一个操作数。 下面是一个数组示例:
const array = [2,3,4]
delete array[2]
console.log(array) // 👉️ [ 2, 3, <empty> ]
请注意
,使用delete
运算符从数组中删除项不是执行此操作的正确方法。 我在这里解释了为什么在这篇文章中
这是一个带有对象的示例:
const object = {
name: "deeecode",
age: 50
}
delete object.age
console.log(object) // 👉️ { name: 'deeecode' }
一元加 + 运算符
不要将此运算符与我将在本文后面解释的算术加运算符混淆。 一元加运算符尝试将非数字值转换为数字。 它在不可能的地方返回 NaN
。 这是一个例子:
+"200" // 20 - number
+false // 0 - number representation
+"hello" // NaN
正如大家在这里再次看到的,只需要一个操作数,它位于运算符之后。
我将停止使用这三个示例。 但要知道还有更多的一元运算符,例如递增 ++
、递减 ++
和逻辑非!
运算符,仅举几例。
什么是二元运算符?
这些运算符需要两个操作数才能运算。 如果提供了一个或两个以上的操作数,则此类运算符会导致语法错误。
让我们看看属于这一类别的一些运算符
算术运算符
所有算术运算符都是二元运算符。 第一个操作数位于运算符的左侧,第二个操作数位于运算符的右侧。 这里有些例子:
10 + 20 // 30
20 - 5 // 15
30 / 6 // 5
如果不提供两个操作数,则会出现语法错误。 例如:
// ⛔️ SyntaxError: Unexpected end of input
10 +
比较运算符
所有比较运算符也需要两个操作数。 这里有些例子:
80 < 20 // false
10 < 40 // true
2 >= 2 // true
赋值运算符 =
赋值运算符也是二元运算符,因为它需要两个操作数。 例如:
const number = 20
在左边,你有第一个操作数,变量(const number),在右边,你有第二个操作数,值(20)。
大家可能会问:“const 不是第二个操作数吗?”。 好吧,const 和 number 组成了一个操作数。 这样做的原因是 const 定义了数字的行为。 赋值运算符 =
不需要 const。 所以你实际上可以像这样使用运算符:
number = 20
但最好始终使用变量关键字。
所以就像我说的,将 const number
视为一个操作数,将右边的值视为第二个操作数。
什么是三元运算符?
这些运算符需要三个操作数。 在 JavaScript 中,有一个运算符属于这一类——条件运算符。 在其他语言中,也许会有更多的例子。
条件运算符 ?...:
条件运算符需要三个操作数:
- 条件表达式
- 如果条件为真,则计算真值表达式
- 如果条件为假,则计算的假表达式。
这是它如何工作的示例:
const score = 99
const scoreRating = score > 63 ? "Good" : "Poor"
console.log(scoreRating) // 👉️ "Good"
第一个操作数——条件表达式——是 score > 50
。
第二个操作数——真值表达式——是“Good”,如果条件为真,它将返回给变量 scoreRating。
第三个操作数——虚假表达式——是“Poor”,如果条件为假,它将返回给变量 scoreRating。
关于为什么三元运算符不是 JavaScript 中的条件运算符,我们接下来会写一篇文章进行介绍。
总结
JavaScript 中的操作涉及一个或多个操作数和一个运算符。 运算符可以根据它们需要的操作数的数量进行分类。
在本文中,我们了解了三类运算符:一元 、二元和三元。 我们还查看了属于每个类别的 JavaScript 中的运算符示例。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法