首页 > web前端 > js教程 > JavaScript 中的运算符和表达式

JavaScript 中的运算符和表达式

Patricia Arquette
发布: 2024-12-14 21:49:15
原创
324 人浏览过

Operators and Expressions in JavaScript

第 3 天:JavaScript 中的运算符和表达式

欢迎来到学习 JavaScript 的第三天!今天,我们将探索运算符表达式——在程序中执行计算、制定决策和编写有意义的逻辑的基本工具。


什么是运算符?

运算符是对值或变量执行运算的特殊符号或关键字。这些操作的范围可以从算术计算到逻辑决策。


JavaScript 中的运算符类型

1.算术运算符

用于数学运算,如加法、减法、乘法等

Operator Description Example Output
Addition 5 3 8
- Subtraction 10 - 6 4
* Multiplication 4 * 2 8
/ Division 12 / 4 3
% Modulus (Remainder) 10 % 3 1
** Exponentiation 2 ** 3 8
操作员

描述

示例
let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
登录后复制
登录后复制
登录后复制
输出
标题> 添加 5 3 8 - 减法 10 - 6 4 * 乘法 4 * 2 8 / 部门 12 / 4 3 % 模数(余数) 10%3 1 ** 求幂 2 ** 3 8 表>

示例:

Operator Description Example Output
== Equal to 5 == "5" true
=== Strict equal to 5 === "5" false
!= Not equal to 5 != "5" false
!== Strict not equal 5 !== "5" true
< Less than 5 < 10 true
> Greater than 10 > 5 true
<= Less than or equal 5 <= 5 true
>= Greater than or equal 10 >= 5 true
2.关系(比较)运算符 用于比较两个值并返回布尔值(true 或 false)。 操作员 描述 示例 输出 标题> == 等于 5==“5” 正确 === 严格等于 5 ===“5” 假 != 不等于 5!=“5” 假 !== 严格不等于 5 !== "5" 正确 小于 5 正确 > 大于 10> 5 正确 小于或等于 5 正确 >= 大于或等于 10 >= 5 正确 表>

示例:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
登录后复制
登录后复制
登录后复制

3.逻辑运算符

组合多个条件或反转逻辑。

Operator Description Example Output
&& Logical AND true && false false
` ` Logical OR
! Logical NOT !true false
操作员

描述

示例
let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
登录后复制
登录后复制
输出
标题> && 逻辑与 真与假 假 ` ` 逻辑或 ! 逻辑非 !true 假 表>

示例:

Operator Description Example Output
= Assign x = 10 10
= Add and assign x = 5 x = x 5
-= Subtract and assign x -= 3 x = x - 3
*= Multiply and assign x *= 2 x = x * 2
/= Divide and assign x /= 2 x = x / 2
%= Modulus and assign x %= 3 x = x % 3
4.赋值运算符

用于给变量赋值。

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true
登录后复制

操作员

描述 示例

输出 标题> = 分配 x = 10 10 = 添加和分配 x = 5 x = x 5 -= 减去并赋值 x -= 3 x = x - 3 *= 乘法和赋值 x *= 2 x = x * 2 /= 划分和分配 x /= 2 x = x / 2 %= 模数和赋值 x%=3 x = x % 3 表>

示例:

Operator Description Precedence
** Exponentiation 1
*, /, % Multiplication, Division, Modulus 2
, - Addition, Subtraction 3
<, >, ==, != Comparison 4
&& Logical AND 5
` `
表达式和优先级 表达式是一段产生值的代码。例如,5 3 是一个表达式,其值为 8。 运算符优先级 当使用多个运算符时,JavaScript 根据优先级决定执行顺序。优先级较高的运算符首先执行。 操作员 描述 优先级 标题> ** 求幂 1 *, /, % 乘法、除法、模 2 , - 加法、减法 3 、==、!= 比较 4 && 逻辑与 5 ` ` 表>

优先级示例:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
登录后复制
登录后复制
登录后复制

使用括号 () 控制优先级。

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
登录后复制
登录后复制

今天的练习

  1. 编写一个程序,使用算术运算符计算矩形的面积。
  2. 使用关系运算符比较两个数字并记录它们是否相等或其中一个更大。
  3. 创建一个简单的程序来使用逻辑运算符检查一个人是否有资格投票。

第三天总结

今天,我们介绍了:

  1. 算术运算符:用于计算。
  2. 关系运算符:用于比较。
  3. 逻辑运算符:用于组合条件。
  4. 赋值运算符:用于赋值和更新值。
  5. 表达式和优先级:理解执行顺序。

后续步骤

第 4 天,我们将学习 JavaScript 中的控制流,重点关注条件语句和循环。敬请期待 2024 年 12 月 11 日!

以上是JavaScript 中的运算符和表达式的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板