AI编程网

2024-08-08发表2024-08-10更新编程 / Javascript4 分钟读完 (大约539个字)

在 JavaScript 中，算术运算符用于执行数学运算。我们将讨论常用的算术运算符并通过示例进行说明。

1. 加法运算符 (`+`)

加法运算符 + 用于两个数相加。

示例：

let a = 5;
let b = 3;
let sum = a + b;
console.log(sum); // 输出: 8

注意：+ 也可以用于字符串连接。

let str1 = "Hello, ";
let str2 = "World!";
let greeting = str1 + str2;
console.log(greeting); // 输出: Hello, World!

2. 减法运算符 (`-`)

减法运算符 - 用于从第一个数中减去第二个数。

示例：

let a = 10;
let b = 4;
let difference = a - b;
console.log(difference); // 输出: 6

3. 乘法运算符 (`*`)

乘法运算符 * 用于计算两个数的乘积。

示例：

let a = 7;
let b = 6;
let product = a * b;
console.log(product); // 输出: 42

4. 除法运算符 (`/`)

除法运算符 / 用于一个数除以另一个数。

示例：

let a = 20;
let b = 5;
let quotient = a / b;
console.log(quotient); // 输出: 4

注意：除法运算的结果是浮点数，即使两个数都是整数。

5. 求余运算符 (`%`)

求余运算符 % 用于计算两个数相除后的余数。

示例：

let a = 10;
let b = 3;
let remainder = a % b;
console.log(remainder); // 输出: 1

6. 幂运算符 (`**`)

幂运算符 ** 用于计算一个数的幂。

示例：

let base = 2;
let exponent = 3;
let power = base ** exponent;
console.log(power); // 输出: 8

7. 自增自减运算符 (`++` 和 `--`)

自增运算符 ++ 用于将变量的值增加 1，自减运算符 -- 用于将变量的值减少 1。

示例：

let a = 5;
a++; // a = a + 1
console.log(a); // 输出: 6

let b = 5;
b--; // b = b - 1
console.log(b); // 输出: 4

8. 复合赋值运算符

复合赋值运算符结合了算术运算和赋值。例如，+= 将会把右侧的值加到左侧变量上。

示例：

let x = 10;
x += 5; // 相当于 x = x + 5
console.log(x); // 输出: 15

let y = 10;
y *= 2; // 相当于 y = y * 2
console.log(y); // 输出: 20

小结

JavaScript 中的算术运算符非常直观，使用时注意操作数的类型（数字还是字符串），以避免意料之外的结果。通过上述示例，你应该能理解如何在日常编程中使用这些运算符。

2024-08-08发表2024-08-10更新编程 / Javascript4 分钟读完 (大约599个字)

8 JavaScript 中的比较运算符

在 JavaScript 中，比较运算符用于比较两个值，并返回布尔值（true 或 false）。理解这些运算符对于编写有效的条件语句至关重要。这个小节将介绍常见的比较运算符，并提供一些示例来帮助理解它们的用法。

1. 相等运算符 (`==` 和 `===`)

== 是相等运算符，用于判断两个值是否相等，但会进行类型转换。
=== 是严格相等运算符，在判断相等时不会进行类型转换。

示例：

1 2	console.log(5 == '5'); // 输出: true，因为类型被转换为相同 console.log(5 === '5'); // 输出: false，因为类型不同

2. 不相等运算符 (`!=` 和 `!==`)

!= 是不相等运算符，用于判断两个值是否不相等，同样会进行类型转换。
!== 是严格不相等运算符，在判断不相等时不会进行类型转换。

示例：

1 2	console.log(5 != '5'); // 输出: false，因为类型被转换为相同 console.log(5 !== '5'); // 输出: true，因为类型不同

3. 大于和小于运算符 (`>` 和 `<`)

> 用于判断左侧的值是否大于右侧的值。
< 用于判断左侧的值是否小于右侧的值。

示例：

1 2	console.log(10 > 5); // 输出: true console.log(5 < 10); // 输出: true

4. 大于等于和小于等于运算符 (`>=` 和 `<=`)

>= 用于判断左侧的值是否大于或等于右侧的值。
<= 用于判断左侧的值是否小于或等于右侧的值。

示例：

1 2	console.log(10 >= 10); // 输出: true console.log(5 <= 6); // 输出: true

5. 组合使用示例

比较运算符可以结合逻辑运算符一起使用，构建复杂的条件判断。

示例：

let age = 20;
let hasLicense = true;

if (age >= 18 && hasLicense) {
    console.log("可以开车。");
} else {
    console.log("不可以开车。");
}
// 输出: 可以开车。

总结

JavaScript 提供了多种比较运算符，用于不同的相等性和大小比较。掌握这些运算符不仅有助于理解代码逻辑，还能提高编码效率。使用这些运算符时，特别要注意类型转换的问题，建议优先使用=== 和 !== 进行比较，以避免潜在的错误。

确保在编写代码时，合理利用比较运算符，使你的条件判断更为严谨和有效。

2024-08-08发表2024-08-10更新编程 / Javascript5 分钟读完 (大约746个字)

9 JavaScript 小白教程 - 逻辑运算符

在 JavaScript 中，逻辑运算符用于处理布尔值。这些运算符通常用于条件判断和控制流程。常见的逻辑运算符有 &&（与）、||（或）和 !（非）。以下是对这些逻辑运算符的详细介绍，以及一些简单的示例。

与运算符 `&&`

&& 运算符用于判断两个表达式是否都为 true。只有在两个表达式都为 true 时，结果才会是 true。

示例

let a = true;
let b = false;

let result = a && b; // 结果为 false，因为 b 是 false
console.log(result); // 输出: false

通过这个例子可以看到，只有当 a 和 b 都为 true，result 才会为 true。

短路特性

&& 运算符具有短路特性。如果第一个表达式为 false，则不会计算第二个表达式。

1 2	let x = false && (5 / 0); // 第二个表达式不会被执行 console.log(x); // 输出: false

在上面的例子中，5 / 0 不会被执行。

或运算符 `||`

|| 运算符用于判断至少一个表达式为 true。只要其中一个表达式为 true，结果即为 true。

示例

let c = true;
let d = false;

let resultOr = c || d; // 结果为 true，因为 c 是 true
console.log(resultOr); // 输出: true

在这个示例中，尽管 d 是 false，只要 c 为 true，最终结果就是 true。

短路特性

|| 运算符同样具有短路特性。如果第一个表达式为 true，则不会计算第二个表达式。

1 2	let y = true \|\| (10 / 0); // 第二个表达式不会被执行 console.log(y); // 输出: true

在这个例子中，由于 true 已经确定了结果，10 / 0 不会被计算。

非运算符 `!`

! 运算符用于反转布尔值。如果值为 true，则变为 false；如果值为 false，则变为 true。

示例

1
2
3

let e = true;
let resultNot = !e; // 结果为 false
console.log(resultNot); // 输出: false

在这个例子中，!e 将 true 变为了 false。

连续使用

可以连续使用 ! 运算符来恢复至原始布尔值。

1
2
3

let f = false;
let resultDoubleNot = !!f; // 结果为 false
console.log(resultDoubleNot); // 输出: false

在这个例子中，!!f 将 f 的值保持为 false。

结合案例 - 实际应用

逻辑运算符的组合常用于复杂的控制结构中。例如，判断用户输入的条件是否符合要求：

let userLoggedIn = true;
let hasPermission = false;

if (userLoggedIn && hasPermission) {
    console.log("访问受限区域");
} else {
    console.log("访问被拒绝");
}

在这个示例中，只有当用户登录且有权限时，才会输出“访问受限区域”。否则，输出“访问被拒绝”。

总结

JavaScript 的逻辑运算符为条件判断提供了强大的工具，使得编程过程中的控制流更加清晰和高效。理解并灵活运用这些运算符是编写高质量代码的基础。

1. 加法运算符 (+)

示例：

2. 减法运算符 (-)

示例：

3. 乘法运算符 (*)

示例：

4. 除法运算符 (/)

示例：

5. 求余运算符 (%)

示例：

6. 幂运算符 (**)

示例：

7. 自增自减运算符 (++ 和 --)

示例：

8. 复合赋值运算符

示例：

小结

1. 相等运算符 (== 和 ===)

示例：

2. 不相等运算符 (!= 和 !==)

示例：

3. 大于和小于运算符 (> 和 <)

示例：

4. 大于等于和小于等于运算符 (>= 和 <=)

示例：

5. 组合使用示例

示例：

总结

与运算符 &&

示例

短路特性

或运算符 ||

示例

短路特性

非运算符 !

示例

连续使用

结合案例 - 实际应用

总结

链接

分类

最新文章

标签

1. 加法运算符 (`+`)

2. 减法运算符 (`-`)

3. 乘法运算符 (`*`)

4. 除法运算符 (`/`)

5. 求余运算符 (`%`)

6. 幂运算符 (`**`)

7. 自增自减运算符 (`++` 和 `--`)

1. 相等运算符 (`==` 和 `===`)

2. 不相等运算符 (`!=` 和 `!==`)

3. 大于和小于运算符 (`>` 和 `<`)

4. 大于等于和小于等于运算符 (`>=` 和 `<=`)

与运算符 `&&`

或运算符 `||`

非运算符 `!`