JavaScript 中的减法

2025 年 2 月 16 日 | 阅读 6 分钟

JavaScript 是最广泛使用的编程语言之一。它提供了各种算术运算符，包括减法。了解减法运算符在 JavaScript 中的工作原理对于开发人员控制数值至关重要。在本文中，我们将探讨 JavaScript 中减法运算符的细微之处，研究其语法、行为和常见用例。

基本减法运算符

JavaScript 中的减法运算符 (-) 用于将运算符右侧的值从左侧的值中减去。例如

在此示例中，结果的值将是 5，因为 10 减去 5 等于 5。减法运算符可完美处理整数和浮点数，使开发人员能够在其 JavaScript 代码中执行精确的算术计算。

 
let num = 10;
num -= 3; // equivalent to num = num - 3;
// num will now be 7   

此外，减法运算符可以与其他赋值运算符结合使用，以执行复合减法和赋值操作。例如

在此示例中，num 的初始值为 10。通过使用 -= 运算符，我们从 num 中减去 3，结果为 7。这种简写符号提供了一种根据算术运算刷新变量的简洁方法。

取反

此外，JavaScript 支持一元取负，它允许开发人员使用减法运算符取反数值的符号。例如

 
let number = 5;
let negatedNumber = -number; // negatedNumber will be -5   

在这种情况下，取反数字的值将是 -5，因为减法运算符会反转数字的符号，将其从正数转换为负数。

减法与类型转换

值得注意的是，JavaScript 的自动类型转换在使用非数字值与减法运算符时可能会导致意外结果。例如

在此示例中，尽管操作数是表示数字值的字符串，JavaScript 仍会自动将它们转换为数字，然后再执行减法操作，结果为 5。在处理带有字符串的算术运算时应格外小心，以避免潜在的意外结果。

除了基本的算术减法之外，JavaScript 中的减法运算符在各种高级场景中也起着至关重要的作用，包括处理数组和对象。

数组的减法

当与数组一起使用时，减法运算符可用于从数组中删除元素。但是，需要注意的是，减法运算符本身并不直接支持此功能。相反，开发人员经常使用 splice() 或 filter() 等数组方法来完成元素删除。例如

 
let numbers = [1, 2, 3, 4, 5];
let filteredNumbers = numbers.filter(num => num !== 3);
// filteredNumbers will be [1, 2, 4, 5]   

在此示例中，filter() 方法用于创建一个新数组 (filteredNumbers)，其中只包含第一个数组 (numbers) 中不等于 3 的元素。这有效地从数组中删除了元素 3。

对象的减法

此外，在处理对象时，减法运算符并不直接支持属性的删除。开发人员通常使用对象解构或 delete 运算符等方法来从对象中删除属性。例如

 
let person = {
  name: ' John ',
  age: 30,
  city:  ' New York '
};

let { age, . . . updatedPerson } = person;
// updatedPerson will be { name : ' John ', city : ' New York ' }   

在此示例中，使用对象解构来创建一个新对象 (updatedPerson)，其中包含第一个对象 (person) 的所有属性，但 age 除外。因此，age 属性实际上已从对象中删除。

减法运算符还可以与其他运算符和表达式结合使用，以执行更复杂的计算和转换。例如

 
let result = ( 10 * 3 ) - ( 5 / 2 ) + ( 8 % 3 ); // result will be 30 - 2.5 + 2 = 29.5   

在这个简单的例子中，减法运算符与乘法、除法和模运算符结合使用，计算出最终结果 29.5。

此外，JavaScript 框架和库通常利用减法运算符来实现各种目的，例如动画、数据处理和数值计算。了解减法运算符在不同上下文中的行为对于在 Web 开发项目中有效利用这些框架和库至关重要。

负数与 NaN

虽然 JavaScript 中的减法运算符主要处理数值减法，但在应用于 NaN（非数字）和 -0（负零）等特殊值时，它也表现出一些有趣的特性。当 **NaN** 参与减法运算时，结果通常是 **NaN**。之所以出现这种行为，是因为 NaN 在 JavaScript 中表示一个模糊或不可表示的值，任何算术运算（包括 NaN）通常都会导致 **NaN**。例如

同样，当从正数中减去 -0 时，结果是相同的正数。但是，当从负数中减去 -0 时，结果是负零本身。这种行为是 JavaScript 浮点数运算的一个独特方面。例如

在 positiveResult 的情况下，从 10 中减去 -0 的结果是 10。然而，在 negativeResult 的情况下，从 -10 中减去 -0 的结果是 -10，保留了原始负数的符号。

 
let positiveResult = 10 - (-0); // positiveResult will be 10
let negativeResult = -10 - (-0); // negativeResult will be -10   

了解 JavaScript 算术运算的这些细微之处对于编写健壮且可预测的代码至关重要。开发人员应该意识到 NaN 和 -0 等特殊值在不同情况下的行为方式，以避免在应用程序中出现意外行为和潜在错误。

此外，JavaScript 中的减法运算符还可以通过运算符重载技术为自定义对象进行重载。开发人员可以定义一个名为 __sub__ 的自定义方法（类似于 Python 等其他语言），以指定减法运算符对自定义对象实例的行为。这在处理 JavaScript 中的自定义数据类型时提供了更大的灵活性和控制。

示例

 
// Basic arithmetic subtraction
let result = 20 - 8; // result will be 12

// Compound subtraction and assignment
let num = 15;
num -= 7; // equivalent to num = num - 7;
// num will now be 8

// Unary negation
let number = 30;
let negatedNumber = -number; // negatedNumber will be -30

// Special values: NaN and -0
let nanResult = 25 - NaN; // nanResult will be NaN
let positiveResult = 25 - (-0); // positiveResult will be 25
let negativeResult = -25 - (-0); // negativeResult will be -25

// Complex calculations
let complexResult = ( 15 * 4 ) - ( 7 / 2 ) + ( 8 % 3 ); // result will be 60 - 3.5 + 2 = 58.5

// Removal of elements from an array
let numbers = [ 10, 20, 30, 40, 50 ];
let filteredNumbers = numbers.filter( num => num !== 30 );
// filteredNumbers will be [ 10, 20, 40, 50 ]

// Removal of properties from an object
let person = {
  name: ' Alice ',
  age: 35,
  city: ' Los Angeles '
};
let { age, ...updatedPerson } = person;
// updatedPerson will be { name : ' Alice ', city : ' Los Angeles ' }   

为了有效利用减法运算符的力量，开发人员应

理解减法运算符的语法和行为，牢记其在基本算术运算和一元取反中的用法。
在使用非数字值与减法运算符时，了解 JavaScript 的自动类型转换。
利用数组方法和对象操作技术来完成更复杂的运算，包括减法。
了解特殊情况，例如涉及 NaN 和 -0 的减法，以确保代码的可预测行为。

结论

总之，JavaScript 中的减法运算符是执行减法运算和控制数值的通用工具。无论是在基本算术计算中，还是在更高级的场景（包括数组和对象）中，掌握减法运算符的使用对于编写高效且富有表现力的 JavaScript 代码至关重要。

下一主题JavaScript reset

← 上一个下一个 →

JavaScript 中的减法

基本减法运算符

取反

减法与类型转换

数组的减法

对象的减法

负数与 NaN

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

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 中的减法

基本减法运算符

取反

减法与类型转换

数组的减法

对象的减法

负数与 NaN

示例

结论

相关帖子

JavaScript 中的 Parse 含义

如何在 JavaScript 中转义字符串

JavaScript 三元运算符

JavaScript 网格

如何使用 JavaScript 禁用单选按钮

JavaScript 库是什么？

在 JavaScript 中跳出 ForEach 循环

Push 和 Pop 在 JavaScript 中的用法

按键对 JavaScript 对象数组进行排序