JavaScript 一元运算符

2025年3月18日 | 阅读 9 分钟

JavaScript 中的一元运算符是特殊的运算符，它们只考虑一个输入并执行所有可能的操作。

这些运算符的示例包括一元加号、一元减号、前缀增量、后缀增量、后缀减量和前缀减量。这些运算符位于操作数之前或之后。

一元运算符在执行功能方面比 JavaScript 更有效；它们更受欢迎。一元运算符是灵活多变的，因为它们不能被重写。

一元运算符的类型

一元运算符只关注一个值。下表列出了一元函数及其描述

一元运算符	运算符名称	运算符描述
+x	一元加	运算符将输入值转换为数字
-x	一元减	运算符将值转换为数字并对其取反
++x	增量运算符（前缀）	此运算符用于在增量值之前插入一个值
--x	减量运算符（前缀）	此运算符用于在给定输入值之前减去一个值
x++	增量运算符（后缀）	此运算符用于在增量值之后插入一个值
x--	减量运算符（后缀）	此运算符用于在增量值之前减去一个值。

一元运算符的描述

JavaScript 使用多个运算符来显示定义、语法、示例和描述。

一元加号 (+) 运算符

简单加号 (+) 是一元加号运算符。当放在数字前面时，一元加法没有效果。

语法

以下一元加号运算符显示了与值的功能。

let a = 4;
let b = +a;
console.log(b);

下表概述了当一元加号运算符应用于非数值时，Number() 函数使用的规则

值	结果
boolean	输出显示 false 为 0，true 为 1
string	它根据特定规则转换输入字符串值
object	对象使用 valueOf() 或 toString() 方法获取所需值。该值转换为数字。

示例

以下示例使用变量操作数和一元加号运算符进行加法运算。

示例 1： 给定示例显示了一元加号 (+) 运算符与操作数的基本操作。在这里，我们对数值数据使用简单加号。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary plus (+) operator </title>
</head>
<body>
<h3> JavaScript unary plus (+) operator </h3>
<p> Using the addition method to add values </p>
<script>
console.log("JavaScript unary plus (+) operator ");
let a = 10;
let b = +a;
console.log(a);
console.log(b);
let c = '21';
console.log(+c);
let d = false,
     e = true;
console.log(+d); // 0
console.log(+e); // 1
</script>
</body>
</html>

输出

一元加号运算符数据显示为输出。

示例 2： 以下示例显示了一元加号 (+) 运算符与操作数的基本操作。在这里，我们需要一个带有 "this" 关键字的函数来表示基本值。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary plus (+) operator </title>
</head>
<body>
<h3> JavaScript unary plus (+) operator </h3>
<p> Using the addition method to add values </p>
<script>
console.log("JavaScript unary plus (+) operator ");
function unary_function(plus) {
this.number = plus;
}
 unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(18);
console.log(obj_val + 5);
</script>
</body>
</html>

输出

一元加号运算符数据显示为输出。

一元减号 (-) 运算符

单个减号 (-) 是一元减号运算符。当一元减号运算符用于数字时，它会使数字取反。

语法

以下一元减号运算符显示了与值的功能。

let a = 4;
let b = -a;
console.log(b);

当一元减号运算符用于非数值时，它会根据与一元加号运算符相同的规则将其转换为数字后取消该值。

示例

以下示例使用变量操作数和一元减号运算符进行减法运算。

示例 1： 给定示例显示了一元减号 (-) 运算符与操作数的简单操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary minus (-) operator </title>
</head>
<body>
<h3> JavaScript unary minus (-) operator </h3>
<p> Using the subtraction method to add values </p>
<script>
console.log("JavaScript unary minus (-) operator ");
let a = 10;
let b = -a;
console.log(a);
console.log(b);
let c = '21';
console.log(-c); 
let d = false,
     e = true;
console.log(-d); // 0
console.log(-e); // 1
</script>
</body>
</html>

输出

一元减号运算符显示为输出数据。

示例 2： 以下示例显示了一元减号 (-) 运算符与操作数的基本操作。在这里，我们需要一个带有 "this" 关键字的函数来表示基本值。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary minus (-) operator </title>
</head>
<body>
<h3> JavaScript unary minus (-) operator </h3>
<p> Using the minus operator with a method to subtract values </p>
<script>
console.log("JavaScript unary minus (-) operator ");
function unary_function(minus) {
this.number = minus;
}
 unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(28);
console.log(obj_val - 5);
console.log(obj_val + 3 - 5);
console.log(obj_val + 3 - 35);
</script>
</body>
</html>

输出

一元减号运算符数据显示为输出。

一元逻辑非 (!) 运算符

一元逻辑非运算符执行逻辑操作和布尔输出。它将值转换为负数据并显示布尔值作为输出。

示例

给定示例显示了一元逻辑非 (!) 运算符的基本操作

与操作数一起。在这里，我们需要一个带有非运算符和输入数据的函数。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary Logical Not(!) operator </title>
</head>
<body>
<h3> JavaScript unary Logical Not(!) operator </h3>
<p> Using the logical not operator with a method to negative values and boolean output </p>
<script>
console.log("JavaScript unary Logical Not(!) operator ");
function unary_function(not) {
this.number = not;
}
unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(!false);
const obj_val2 = new  unary_function(!"-5");
const obj_val3 = new  unary_function(!"5");
console.log(obj_val, !false);
console.log(obj_val2, !"-5");
console.log(obj_val3, !"5");
</script>
</body>
</html>

输出

一元逻辑非运算符数据显示为输出。

前缀一元增量 (++) 运算符

JavaScript 一元增量运算符在操作之前增加值。此运算符将原始值和默认值增加一。此运算符需要一个操作数来添加值并返回附加值。

语法

以下一元增量运算符显示了与值的功能。

let a = 4;
let b = ++a;
console.log(b);

当一元增量运算符用于非数值时，它会取消一个值。它对数值输入值进行加法运算。

示例

以下示例使用变量操作数和一元增量运算符进行加一（增量）运算。

示例 1： 给定示例显示了一元增量 (++) 运算符与操作数的基本操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary increment (++) operator </title>
</head>
<body>
<h3> JavaScript unary increment (++) operator </h3>
<p> Show console tab to get the output of the add values </p>
<script>
console.log("JavaScript unary increment (++) operator");
let a = 10;
let b = ++a;
console.log(a);
console.log(b);
let c = '21';
console.log(++c); 
let d = false,
     e = true;
console.log(++d); // 0
console.log(++e); // 1
</script>
</body>
</html>

输出

一元增量运算符数据显示为输出。

示例 2： 给定示例显示了一元增量 (++) 运算符与操作数的基本操作。在这里，我们需要一个带有 "this" 关键字的函数来表示基本加法操作及其输出值。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary increment (++) operator </title>
</head>
<body>
<h3> JavaScript unary increment (++) operator </h3>
<p> Show console tab to get the output of the add values </p>
<script>
console.log("JavaScript unary increment (++) operator");
function unary_function(plus) {
this.number = plus;
}
unary_function.prototype.valueOf = function() {
return this.number;
};
var obj_val = new  unary_function(28);
console.log(++obj_val);
console.log(++obj_val  - 1);
console.log(++obj_val + 1);
</script>
</body>
</html>

输出

一元增量运算符数据显示为输出。

前缀一元减量 (--) 运算符

JavaScript 一元减量运算符在操作之前减少值。此运算符将原始值和默认值减少一。此运算符需要一个操作数来添加值并返回附加值。

语法

以下一元减量运算符显示了与值的功能。

let a = 4;
let b = --a;
console.log(b); 

示例

给定示例显示了一元减量 (--) 运算符与操作数的基本操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary decrement (--) operator </title>
</head>
<body>
<h3> JavaScript unary decrement (--) operator </h3>
<p> Show the console tab to get the output of the subtracted values </p>
<script>
console.log("JavaScript unary decrement (--) operator");
let a = 10;
let b = --a;
console.log(a);
console.log(b);
let c = '21';
console.log(--c); 
let d = false,
    e = true;
console.log(--d); 
console.log(--e); 
</script>
</body>
</html>

输出

一元减量运算符数据显示为输出。

后缀一元增量 (++) 运算符

JavaScript 一元增量运算符在操作后增加值。此运算符用于在数学操作后将默认值增加一。

语法

以下后缀一元增量运算符与值一起使用。

let a = 4;
let b = a++;
console.log(a);

当一元增量运算符用于非数值时，它会取消一个值。原始变量可以增加一。

示例

给定示例显示了后缀一元增量 (++) 运算符与操作数的操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript postfix unary increment (a++) operator </title>
</head>
<body>
<h3> JavaScript postfix unary increment (a++) operator </h3>
<p> Show the console tab to get the output of the additional values after the functionality. </p>
<script>
console.log("JavaScript unary increment (++) operator");
let a = 10;
let b = a++;
console.log(a);
console.log(b);
let c = '21';
console.log(c++); 
console.log(c); 
let d = false,
     e = true;
console.log(d++); // 0
console.log(e++); // 1
</script>
</body>
</html>

输出

一元增量运算符数据显示为输出。

后缀一元减量 (--) 运算符

JavaScript 一元减量运算符在操作后减少值。此运算符用于在数学操作后将默认值减少一。

语法

以下后缀一元减量运算符与值一起使用。

let a = 4;
let b = a--;
console.log(a);

示例

给定示例显示了后缀一元减量 (--) 运算符与操作数的操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript postfix unary decrement (a--) operator </title>
</head>
<body>
<h3> JavaScript postfix unary decrement (a--) operator </h3>
<p> Show the console tab to get the output of the additional values after the functionality. </p>
<script>
console.log("JavaScript unary decrement (--) operator");
let a = 76;
let b = a++;
console.log(a);
console.log(b);
let c = '81';
console.log(c--); 
console.log(c); 
</script>
</body>
</html>

输出

后缀一元减量运算符数据显示为输出。

一元按位非 (~) 运算符

它是一个逻辑运算符，使用反转功能执行二进制非操作。它用于反转脚本的输入值。

示例

给定示例显示了一元按位非 (~) 运算符与操作数的操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary bitwise not (~) operator </title>
</head>
<body>
<h3> JavaScript unary bitwise not (~) operator </h3>
<p> Show the console tab to get the binary output, not functionality. </p>
<script>
console.log("JavaScript unary bitwise not (~) operator");
let a = ~76;
console.log(a);
let b = ~-76;
console.log(b);
let c = ~ '81';
console.log(c); 
</script>
</body>
</html>

输出

一元按位非运算符数据显示为输出。

一元 delete 运算符

delete 运算符是 JavaScript 中的一元运算符，用于删除数组的特定索引。它不影响操作数、变量和其他功能。此运算符用于删除操作数之前具有变量的特定索引，并显示值作为输出。

示例

给定示例显示了一元 delete 运算符与操作数的操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary delete operator </title>
</head>
<body>
<h3> JavaScript unary unary delete operator </h3>
<p> Show the console tab to get the output of the operand after the use of the delete operator. </p>
<script>
console.log("JavaScript unary unary delete operator");
let a = 76;
console.log(a);
delete a;
console.log(a); 
</script>
</body>
</html>

输出

一元 delete 运算符并显示操作数作为输出。

一元 void 运算符

void 运算符是一元运算符，但用作表达式以返回未定义输入数据的输出。空返回类型在输出选项卡中显示函数的信息。void 运算符不包含输入数据并显示未定义的值。

示例

给定示例显示了一元 void 运算符与 JavaScript 函数的操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary void operator </title>
</head>
<body>
<h3> JavaScript unary unary void operator </h3>
<p> Show the console tab to get the operand output after using the void operator. </p>
<script>
console.log("JavaScript unary unary void operator");
void 0
var wlcm_var = function () {
console.log('hello students, welcome to tutorial!')
return 21;
}
var re_var = wlcm_var()
console.log(re_var);
var rslt_var = void (wlcm_var())
console.log(rslt_var);
</script>
</body>
</html>

输出

一元 void 运算符并显示操作数作为输出。

结论

一元运算符有助于简单地使用不同的操作和功能。它使开发人员和用户易于执行 JavaScript 值。

下一个主题使用 Filterizr.js 的可过滤画廊

← prev next →

JavaScript 一元运算符

一元运算符的类型

一元运算符的描述

一元加号 (+) 运算符

一元减号 (-) 运算符

一元逻辑非 (!) 运算符

前缀一元增量 (++) 运算符

前缀一元减量 (--) 运算符

后缀一元增量 (++) 运算符

后缀一元减量 (--) 运算符

一元按位非 (~) 运算符

一元 delete 运算符

一元 void 运算符

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 一元运算符

一元运算符的类型

一元运算符的描述

一元加号 (+) 运算符

一元减号 (-) 运算符

一元逻辑非 (!) 运算符

前缀一元增量 (++) 运算符

前缀一元减量 (--) 运算符

后缀一元增量 (++) 运算符

后缀一元减量 (--) 运算符

一元按位非 (~) 运算符

一元 delete 运算符

一元 void 运算符

结论

相关帖子

JavaScript Fetch API

如何在 JavaScript 中切换密码可见性

如何在 JavaScript 中获取父元素

JavaScript Infinity 属性