如何在 JavaScript 中使用运算符进行数学运算

介绍

在JavaScript中,数字经常用于寻找浏览器窗口大小的尺寸,获取货币交易的最终价格,以及计算网站文档中的元素之间的距离等常见任务。

虽然高水平的数学理解不是成为一个有能力的开发人员的先决条件,但重要的是要知道JavaScript中有哪些类型的操作,以及如何使用数学作为实现实际任务的工具。

与其他编程语言不同,JavaScript只有一种数字数据类型(LINK0);例如,不区分整数(正数或消极整数)和浮点(十进制点的数字)。

在本教程中,我们将讨论算术运算符、分配运算符以及与JavaScript数字数据类型使用的操作顺序。

算术运算器

** 算术运算符是指数学运算并返回值的符号. 在方程式 3 + 7 = 10 中, + 是表示添加的语法。

JavaScript 有许多熟悉的操作员从基本数学,以及一些额外的操作员,具体的编程。

以下是JavaScript算术运算符的参考表。

\ 运算符\ 语法\ \ 示例 \ 定义 \ \
唵(引)|日啰(二合引)贺. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -'x-y ' 的分数 x'和y'的分数 ×××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××

  • / ' x/y' 的x ' 和y ' 的引文
  • 莫杜洛 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *========================================================================================================================================================================== +++++++++++++++++ -========================================================================================================================================================================== ====================================================================================

我们将在本文中详细介绍每个运营商。

添加和抽取

Addition 和 ** subtraction** 操作器在JavaScript中可用,可用于查找数值的总和差异。

我们可以做一些简单的添加数字,例如添加1020,使用加值符号(+)。

110 + 20;
1[secondary_label Output]
230

除了用平数做数学外,我们还可以将数字分配给变量并执行相同的计算,在这种情况下,我们会将数字值分配给xy,并将总数放入z

1// Assign values to x and y
2let x = 10;
3let y = 20;
4
5// Add x and y and assign the sum to z
6let z = x + y;
7
8console.log(z);
1[secondary_label Output]
230

同样,我们使用减数符号(-)来减去代表数字的数字或变量。

1// Assign values to x and y
2let x = 10;
3let y = 20;
4
5// Subtract x from y and assign the difference to z
6let z = y - x;
7
8console.log(z);
1[secondary_label Output]
210

我们还可以用负数和浮点(十进制)加和扣。

1// Assign values to x and y
2let x = -5.2;
3let y = 2.5;
4
5// Subtract y from x and assign the difference to z
6let z = x - y;
7
8console.log(z);
1[secondary_label Output]
2-7.7

一个有趣的事情要注意并注意在JavaScript中是添加一个数字和一个(https://andsky.com/tech/tutorials/how-to-work-with-strings-in-javascript)的结果。我们知道1 + 1应该等于2,但这种方程式会产生意想不到的结果。

1let x = 1 + "1";
2
3console.log(x);
4typeof x;
1[secondary_label Output]
211
3'string'

不要添加两个数字,JavaScript 会将整个陈述转换为一个字符串,并将它们连接在一起(https://andsky.com/tech/tutorials/how-to-work-with-strings-in-javascript# string-concatenation)。

在JavaScript中使用添加或减去的一个常见原因是滚动到一个ID减去固定导航栏的像素高度。

1function scrollToId() {
2    const navHeight = 60;
3    window.scrollTo(0, window.pageYOffset - navHeight);
4}
5
6window.addEventListener('hashchange', scrollToId);

在上面的示例中,点击一个 id 会滚动到 id 之上 60 像素。

添加和扣除是您将在JavaScript中使用的两种最常见的数学方程式。

倍增和分裂

** Multiplication** 和 ** division** 运算符也可用JavaScript,用于查找数值的产品和量子。

一个星座(*)用于表示倍数运算器。

1// Assign values to x and y
2let x = 20;
3let y = 5;
4
5// Multiply x by y to get the product
6let z = x * y;
7
8console.log(z);
1[secondary_label Output]
2100

倍率可以用来计算应用销售税后物品的价格。

1const price = 26.5;    // Price of item before tax
2const taxRate = 0.082; // 8.2% tax rate
3
4// Calculate total after tax to two decimal places
5let totalPrice = price + (price * taxRate);
6let fixedPrice = totalPrice.toFixed(2);
7
8console.log("Total:", fixedPrice);
1[secondary_label Output]
2Total: 28.67

一个 slash(/)被用来表示分割运算器。

1// Assign values to x and y
2let x = 20;
3let y = 5;
4
5// Divide y into x to get the quotient
6let z = x / y;
7
8console.log(z);
1[secondary_label Output]
24

划分在计算时间时尤其有用,例如在数分钟中查找小时数,或者计算在测试中完成的正确答案的百分比。

◎ 模块

一个不太熟悉的算术运算器是模块(有时称为模块)运算器,该运算器在划分后计算了比分的剩余部分。

举个例子,我们知道‘3’进入‘9’的确是三次,没有剩余。

19 % 3;
1[secondary_label Output]
20

我们可以使用模块运算符来确定一个数字是平的还是奇异的,正如这个函数所示:

 1// Initialize function to test if a number is even
 2const isEven = x => {
 3    // If the remainder after dividing by two is 0, return true
 4    if (x % 2 === 0) {
 5    	return true;
 6    }
 7    // If the number is odd, return false
 8    return false;
 9}
10
11// Test the number
12isEven(12);
1[secondary_label Output]
2true

在上面的例子中,12均分为2,因此它是一个均匀的数字。

通常在编程中,modulo 与流量控制的条件陈述一起使用。

曝光

Exponentiation 是JavaScript中最新的操作员之一,它允许我们根据它的表达器计算一个数字的功率。

10到第五权力,或10^5,是这样写的:

110 ** 5;
1[secondary_label Output]
2100000

10 ** 5 表示与 10 相同,乘以 10 五次:

110 * 10 * 10 * 10 * 10;

另一种方法是使用Math.pow()方法来编写。

1Math.pow(10, 5);
1[secondary_label Output]
2100000

使用曝光运算器是查找某个数字的功率的一种简要方法,但如往常一样,在选择方法和运算器时,重要的是保持与代码库的风格一致。

增加和下降

增量 和 ** 减量** 运算符增加或减少一个变量的数值,它们由两个加值符号(++)或两个减值符号(--)表示,并且通常与 环节一起使用。

请注意,增量和减量运算符只能用于变量;试图将它们用于原始数会导致错误。

17++
1[secondary_label Output]
2Uncaught ReferenceError: Invalid left-hand side expression in postfix operation

增量和减量操作员可以分类为前缀或后固定操作,取决于操作员是否在变量之前或之后。

首先,我们可以用++x来编写前缀增量。

1// Set a variable
2let x = 7;
3
4// Use the prefix increment operation
5let prefix = ++x;
6
7console.log(prefix);
1[secondary_label Output]
28

要看到差异,我们将测试后修复的增量,用y++

1// Set a variable
2let y = 7;
3
4// Use the prefix increment operation
5let postfix = y++;
6
7console.log(postfix);
1[secondary_label Output]
27

在修复后操作中没有增加y的值,这是因为值不会增加,直到表达式被评估后。

在这个for循环示例中,我们将运行操作十次,从0开始,并在每个迭代中增加值为1

1// Run a loop ten times
2for (let i = 0; i < 10; i++) {
3  console.log(i);
4}
 1[secondary_label Output]
 20
 31
 42
 53
 64
 75
 86
 97
108
119

上面的代码显示通过循环进行迭代,通过使用增量运算器来实现。

我们可以将x++视为x = x + 1的缩写,而x -视为x = x - 1的缩写。

分配运营商

最常用的运算符之一是 ** assignment** 运算符,我们已经看到它,它由一个等价符(=)表示。

1// Assign 27 to age variable
2let age = 27;

除了标准分配操作员外,JavaScript 还有 ** 组合分配操作员** ,这些操作员将一个算术操作员与 = 结合在一起。

例如,添加操作器将从原始值开始,然后添加一个新的值。

1// Assign 27 to age variable
2let age = 27;
3
4age += 3;
5
6console.log(age);
1[secondary_label Output]
230

在这种情况下,‘年龄 + = 3’与写‘年龄 = 年龄 + 3’相同。

所有算术操作员都可以与分配相结合,以创建组合分配操作员. 下面是JavaScript中的分配操作员的参考表。

OperatorSyntax
Assignment=
Addition assignment+=
Subtraction assignment-=
Multiplication assignment*=
Division assignment/=
Remainder assignment%=
Exponentiation assignment**=

复合分配运算器通常使用循环,类似于增量和减量,并且在需要重复或自动化方程时使用。

操作员优先级

虽然我们从左到右读,但操作员将以优先顺序进行评估,就像在普通数学中一样。

在下面的示例中,倍率比加值具有更高的优先级,这决定了方程的结果。

1// First multiply 3 by 5, then add 10
210 + 3 * 5;
1[secondary_label Output]
225

相反,如果我们想先运行添加操作,我们应该将其分为,这总是具有最高的优先级。

1// First add 10 and 3, then multiply by 5
2(10 + 3) * 5;
1[secondary_label Output]
265

以下是JavaScript中的算术操作员优先级的参考表,从最高到最低。

增量/減少、增量/分割和增量/減少具有相同的優先度。

OperatorSyntax
Parentheses()
Incrementation++
Decrementation--
Exponentiation**
Multiplication*
Division/
Addition+
Subtraction-

操作员优先级不仅包括算术操作员,还包括分配操作员、逻辑操作员、条件操作员等。

结论

在本文中,我们涵盖了算术运算符和语法,包括许多熟悉的数学运算符和一些特定的编程。

此外,我们还学会了如何结合算法和分配来创建复合分配操作员,以及JavaScript中的操作顺序。

Published At
Categories with 技术
comments powered by Disqus