介绍
在JavaScript中,数字经常用于寻找浏览器窗口大小的尺寸,获取货币交易的最终价格,以及计算网站文档中的元素之间的距离等常见任务。
虽然高水平的数学理解不是成为一个有能力的开发人员的先决条件,但重要的是要知道JavaScript中有哪些类型的操作,以及如何使用数学作为实现实际任务的工具。
与其他编程语言不同,JavaScript只有一种数字数据类型(LINK0);例如,不区分整数(正数或消极整数)和浮点(十进制点的数字)。
在本教程中,我们将讨论算术运算符、分配运算符以及与JavaScript数字数据类型使用的操作顺序。
算术运算器
** 算术运算符是指数学运算并返回值的符号. 在方程式 3 + 7 = 10
中, +
是表示添加的语法。
JavaScript 有许多熟悉的操作员从基本数学,以及一些额外的操作员,具体的编程。
以下是JavaScript算术运算符的参考表。
\ 运算符\ 语法\ \ 示例 \ 定义 \ \
唵(引)|日啰(二合引)贺.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-'
x-y ' 的分数 x'和
y'的分数
×××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
/ '
x/y' 的x ' 和
y ' 的引文- 莫杜洛 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *========================================================================================================================================================================== +++++++++++++++++ -========================================================================================================================================================================== ====================================================================================
我们将在本文中详细介绍每个运营商。
添加和抽取
Addition 和 ** subtraction** 操作器在JavaScript中可用,可用于查找数值的总和差异。
我们可以做一些简单的添加数字,例如添加10
和20
,使用加值符号(+
)。
110 + 20;
1[secondary_label Output]
230
除了用平数做数学外,我们还可以将数字分配给变量并执行相同的计算,在这种情况下,我们会将数字值分配给x
和y
,并将总数放入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中的分配操作员的参考表。
Operator | Syntax |
---|---|
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中的算术操作员优先级的参考表,从最高到最低。
增量/減少、增量/分割和增量/減少具有相同的優先度。
Operator | Syntax |
---|---|
Parentheses | () |
Incrementation | ++ |
Decrementation | -- |
Exponentiation | ** |
Multiplication | * |
Division | / |
Addition | + |
Subtraction | - |
操作员优先级不仅包括算术操作员,还包括分配操作员、逻辑操作员、条件操作员等。
结论
在本文中,我们涵盖了算术运算符和语法,包括许多熟悉的数学运算符和一些特定的编程。
此外,我们还学会了如何结合算法和分配来创建复合分配操作员,以及JavaScript中的操作顺序。