7 基本运算符

在上一篇教程中,我们讨论了变量与数据类型的类型转换,这为我们理解基本运算符打下了基础。在这一节中,我们将深入探讨JavaScript中的基本运算符,它们在程序中扮演着重要的角色。

基本运算符通常用于对数据进行基本的数学和字符串操作。在JavaScript中,基本运算符主要包括:

  1. 算术运算符
  2. 赋值运算符
  3. 自增和自减运算符

让我们逐一了解这些运算符,并通过示例加深理解。

算术运算符

算术运算符用于进行数值计算。它们包括:

  • +:加法
  • -:减法
  • *:乘法
  • /:除法
  • %:取余

示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
let a = 10;
let b = 3;

// 加法
let sum = a + b; // 结果是 13
console.log("加法: " + sum);

// 减法
let difference = a - b; // 结果是 7
console.log("减法: " + difference);

// 乘法
let product = a * b; // 结果是 30
console.log("乘法: " + product);

// 除法
let quotient = a / b; // 结果是 3.333...
console.log("除法: " + quotient);

// 取余
let remainder = a % b; // 结果是 1
console.log("取余: " + remainder);

输出结果:

1
2
3
4
5
加法: 13
减法: 7
乘法: 30
除法: 3.3333333333333335
取余: 1

赋值运算符

赋值运算符用于将值赋给变量。JavaScript中最常用的赋值运算符是 =。此外,还有扩展的赋值运算符,如:

  • +=:加法赋值
  • -=:减法赋值
  • *=:乘法赋值
  • /=:除法赋值
  • %=:取余赋值

示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
let num = 5;

// 加法赋值
num += 2; // 相当于 num = num + 2;
console.log("加法赋值: " + num); // 输出 7

// 减法赋值
num -= 3; // 相当于 num = num - 3;
console.log("减法赋值: " + num); // 输出 4

// 乘法赋值
num *= 2; // 相当于 num = num * 2;
console.log("乘法赋值: " + num); // 输出 8

// 除法赋值
num /= 4; // 相当于 num = num / 4;
console.log("除法赋值: " + num); // 输出 2

// 取余赋值
num %= 2; // 相当于 num = num % 2;
console.log("取余赋值: " + num); // 输出 0

输出结果:

1
2
3
4
5
加法赋值: 7
减法赋值: 4
乘法赋值: 8
除法赋值: 2
取余赋值: 0

自增和自减运算符

自增和自减运算符是用于将变量的值增加或减少1。它们包括:

  • ++:自增运算符
  • --:自减运算符

自增和自减运算符有两种形式:前缀和后缀。前缀形式会在运算之前更新变量,后缀形式在运算之后更新变量。

示例

1
2
3
4
5
6
7
8
9
10
11
12
let x = 5;

// 前缀自增
let preIncrement = ++x; // x 先加1,然后赋值给 preIncrement
console.log("前缀自增: " + preIncrement); // 输出 6

let y = 5;

// 后缀自增
let postIncrement = y++; // 将 y 的值赋值给 postIncrement,然后再加1
console.log("后缀自增: " + postIncrement); // 输出 5
console.log("自增后的 y: " + y); // 输出 6

输出结果:

1
2
3
前缀自增: 6
后缀自增: 5
自增后的 y: 6

通过上述示例,我们可以看出基本运算符在JavaScript中的重要性和实用性。它们不仅可以进行简单的数学运算,还能对变量进行有趣和值得注意的操作。

在下一篇教程中,我们将探讨运算符之比较运算符,它们将帮助我们在程序中进行条件判断,提升程序的逻辑处理能力。

作者

IT教程网(郭震)

发布于

2024-08-10

更新于

2024-08-10

许可协议

分享转发

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论