← 编程学习中心
📖

Preparation

8 个课程
1
如何学习编程
2
计算机基础
3
键盘初识与基准键位
4
字母与数字基础
5
Shift键魔法
6
编程符号专精
7
功能键与修饰键
8
键盘学习总结与进阶
📚

Basics

22 个课程
1
什么是编程?
2
Hello World - 你的第一个程序
3
变量基础概念 - 给信息贴标签
4
变量赋值和操作 - 变量的高级用法
5
数据类型基础 - 数字和字符串
6
基础运算符 - 数字运算王国
7
布尔类型与比较运算符 - 程序的判断基础
8
条件判断基础 - 让程序学会做决定
9
变量作用域 - 变量的生存范围
10
条件语句进阶 - 复杂判断与嵌套结构
11
逻辑运算符 - 简化复杂条件判断
12
循环语句 - 程序的重复机器
13
循环进阶 - break、continue与循环控制
14
嵌套循环与作用域
15
循环调试实战技巧
16
循环不变量 - 理解循环的数学规律
17
数组基础 - 数据的收纳盒
18
数组操作方法 - 添加、删除和管理
19
数组高级 - 探索数组的强大功能
20
引用概念 - 变量的不同行为
21
函数基础 - 解决重复代码的秘密武器
22
函数实践与应用 - 巩固基础,实战应用
🚀

Intermediate

11 个课程
1
从控制台到画布 - p5.js初体验
2
图形绘制工具箱 - 基础图形函数
3
让世界多彩 - 颜色系统详解
4
文字的艺术 - 文本绘制与样式
5
球体动起来 - 动画基础入门
6
球体的交互魔法 - 鼠标与条件判断
7
面向对象编程 - Class类与实例
8
球的家族 - 循环与数组应用
9
球的个性 - 函数封装与参数化
10
球的变身 - 形状模式与高级绘制
11
球的世界 - 综合创作项目
🎯

Advanced

6 个课程
1
对象类型
2
对象类型应用
3
自定义类型
4
函数进阶 - 箭头函数与高级编程技巧
5
内置方法 - 字符串与数组的魔法工具
6
Switch语句与字符串模板 - 更优雅的代码表达
← 编程学习中心
📖

Preparation

8 个课程
1
如何学习编程
2
计算机基础
3
键盘初识与基准键位
4
字母与数字基础
5
Shift键魔法
6
编程符号专精
7
功能键与修饰键
8
键盘学习总结与进阶
📚

Basics

22 个课程
1
什么是编程?
2
Hello World - 你的第一个程序
3
变量基础概念 - 给信息贴标签
4
变量赋值和操作 - 变量的高级用法
5
数据类型基础 - 数字和字符串
6
基础运算符 - 数字运算王国
7
布尔类型与比较运算符 - 程序的判断基础
8
条件判断基础 - 让程序学会做决定
9
变量作用域 - 变量的生存范围
10
条件语句进阶 - 复杂判断与嵌套结构
11
逻辑运算符 - 简化复杂条件判断
12
循环语句 - 程序的重复机器
13
循环进阶 - break、continue与循环控制
14
嵌套循环与作用域
15
循环调试实战技巧
16
循环不变量 - 理解循环的数学规律
17
数组基础 - 数据的收纳盒
18
数组操作方法 - 添加、删除和管理
19
数组高级 - 探索数组的强大功能
20
引用概念 - 变量的不同行为
21
函数基础 - 解决重复代码的秘密武器
22
函数实践与应用 - 巩固基础,实战应用
🚀

Intermediate

11 个课程
1
从控制台到画布 - p5.js初体验
2
图形绘制工具箱 - 基础图形函数
3
让世界多彩 - 颜色系统详解
4
文字的艺术 - 文本绘制与样式
5
球体动起来 - 动画基础入门
6
球体的交互魔法 - 鼠标与条件判断
7
面向对象编程 - Class类与实例
8
球的家族 - 循环与数组应用
9
球的个性 - 函数封装与参数化
10
球的变身 - 形状模式与高级绘制
11
球的世界 - 综合创作项目
🎯

Advanced

6 个课程
1
对象类型
2
对象类型应用
3
自定义类型
4
函数进阶 - 箭头函数与高级编程技巧
5
内置方法 - 字符串与数组的魔法工具
6
Switch语句与字符串模板 - 更优雅的代码表达

基础运算符

使用提示

在开始学习之前,请记住:

  1. 所有的例子代码都是可以点击运行来看结果 - 点击代码块上方的"运行"按钮
  2. 你可以修改代码来体验 - 试着修改代码,看看会发生什么
  3. 可以点击重置来恢复代码 - 如果不小心改乱了,点击"重置"按钮恢复原始代码

什么是算术运算符?

算术运算符就是用来对数字进行计算的符号,就像数学中的加减乘除符号一样。在编程中,算术运算符让我们能够对数字进行各种计算,比如计算游戏分数、角色血量、金币数量等。

🎯 编程中的算术运算符 = 数学中的运算符号

编程中的算术运算符和数学课上学到的运算符号完全对应:

  • 加法 (+) = 数学中的加号
  • 减法 (-) = 数学中的减号
  • 乘法 (*) = 数学中的乘号(注意:编程中用 * 代替 ×)
  • 除法 (/) = 数学中的除号(注意:编程中用 / 代替 ÷)

重要提示:除了乘号和除号的符号表示不同,其他用法和数学课上学到的完全一样!

四种基本运算符

1. 加法 (+)

加法运算符 + 有三种不同的用法,取决于你加的是什么类型的数据:

情况1:数字相加(数学运算)

当两个数字相加时,+ 执行数学加法运算:

加载代码编辑器...

情况2:字符串相加(拼接)

当两个字符串相加时,+ 会把它们连接在一起:

加载代码编辑器...

情况3:数字 + 字符串(自动转换)

当一个数字和一个字符串相加时,会发生自动类型转换:数字会自动转换为字符串,然后进行拼接:

加载代码编辑器...

转换过程说明:

  • 数字 5 自动转换成了字符串 "5"
  • 然后字符串 "数字:" 和 "5" 拼接成 "数字:5"

重要说明:

  • 我们会在后面的课程中专门学习如何在不同类型之间进行转换
  • 现在只需要记住:数字和字符串相加时,数字会变成字符串

根据自己的值做更新

在编程中,我们经常需要根据变量当前的值来更新它自己。这种模式非常常见:

数字累加

加载代码编辑器...

字符串拼接

加载代码编辑器...

加法的特点:

  • 数字相加:执行数学计算,得到更大的数字
  • 字符串相加:连接文本,得到更长的字符串
  • 数字+字符串:发生自动类型转换,数字变成字符串然后拼接
  • 读取赋值模式:先读取变量的当前值,进行计算,然后将结果赋值回变量
  • 游戏中的分数计算、文本显示、状态信息等都会用到加法

2. 减法 (-)

减法用来从一个数值中减去另一个数值:

加载代码编辑器...

3. 乘法 (*)

**重要说明:**编程中使用星号 * 表示乘法,而不是数学课本中的 × 符号。

加载代码编辑器...

符号差异:

  • 数学课本:5 × 2 = 10
  • 编程中:5 * 2 = 10
  • 记忆技巧:键盘上没有 × 符号,用 * 代替

4. 除法 (/)

**重要说明:**编程中使用斜杠 / 表示除法,而不是数学课本中的 ÷ 符号。

加载代码编辑器...

符号差异:

  • 数学课本:10 ÷ 2 = 5
  • 编程中:10 / 2 = 5
  • 记忆技巧:键盘上没有 ÷ 符号,用 / 代替

除法结果的重要特点:

  • 除法结果可能是一个带小数的数字
  • 例如:10 / 3 = 3.3333333333333335(而不是整数3)
  • 这与数学课上的"商"概念不同,编程保留完整的小数结果
加载代码编辑器...

特殊运算符:取余 (%)

取余运算符用来计算除法后的余数:

加载代码编辑器...

判断奇偶数

取余运算符还有一个很实用的功能:判断奇偶数。让我们来看看它是如何工作的:

加载代码编辑器...

判断奇偶数的原理

让我们用几个数字来验证:

  • 偶数:能被2整除,余数为0

    • 2 % 2 = 0(2÷2=1,余0)
    • 4 % 2 = 0(4÷2=2,余0)
    • 6 % 2 = 0(6÷2=3,余0)
    • 8 % 2 = 0(8÷2=4,余0)
  • 奇数:不能被2整除,余数为1

    • 1 % 2 = 1(1÷2=0,余1)
    • 3 % 2 = 1(3÷2=1,余1)
    • 5 % 2 = 1(5÷2=2,余1)
    • 7 % 2 = 1(7÷2=3,余1)

总结规律:

  • 任何数字除以2的余数只能是0或1
  • 余数为0 → 偶数
  • 余数为1 → 奇数

运算符优先级

编程中的运算符优先级和数学课本上完全一样:

优先级顺序(从高到低)

  1. 括号 () - 最高优先级
  2. 乘法 * 和除法 /
  3. 加法 + 和减法 -

复合赋值运算符

除了基本的运算符,还有一类特殊的运算符叫做复合赋值运算符,它们可以让我们更简洁地修改变量的值。

复合赋值运算符的用法

复合赋值运算符把运算和赋值结合在一起:

加载代码编辑器...

四种复合赋值运算符

1. 加法赋值 +=

加载代码编辑器...

+= 操作符的限制(字符串相加)

+= 操作符在字符串相加时有一个重要限制:只能在现有字符串的右边添加内容。

字符串只能在右边添加

对于数字运算,+= 没有方向限制,因为 a += b 和 b += a 都可以正常工作。但是对于字符串相加,方向很重要:

加载代码编辑器...

重要理解:

  • 字符串的 +=:只能在右边添加内容 variable += "text"
  • 字符串的 +:可以在左边或右边添加 "text" + variable 或 variable + "text"
  • 数字的 +=:没有方向限制,a += b 和 b += a 都可以

为什么这个限制存在?

  • += 是"给自己赋值"的简写:variable = variable + value
  • 它总是将原来的变量放在左边,新值放在右边
  • 对于字符串,这就意味着只能在右边添加内容

使用 += 根据自己的值做更新

+= 操作符就是专门用来简化"根据自己当前值做更新"这种模式的。让我们看看它如何改写之前的例子:

数字累加的简化写法

加载代码编辑器...

字符串拼接的简化写法

加载代码编辑器...

+= 的优势:

  • 更简洁:不需要重复写变量名
  • 更清晰:一眼就能看出是在"累加"或"拼接"
  • 等价功能:和 variable = variable + value 完全一样

2. 减法赋值 -=

加载代码编辑器...

3. 乘法赋值 *=

加载代码编辑器...

4. 除法赋值 /=

加载代码编辑器...

复合赋值运算符的优点

  1. 代码更简洁:减少了重复书写变量名
  2. 更易读:一眼就能看出是在修改变量的值

总结

今天我们学习了:

  1. 四种基本运算符:加法(+)、减法(-)、乘法(*)、除法(/)
  2. 取余运算符:% 用于计算余数,特别适合判断奇偶数
  3. 复合赋值运算符:+=, -=, *=, /= 让代码更简洁,特别适合根据变量当前值更新自己
  4. 加法的多种用途:数字相加、字符串拼接、数字+字符串的自动转换
  5. 运算符优先级:括号 > 乘除取余 > 加减,和数学规则完全一致

运算符是编程的基础工具,就像数学中的四则运算一样重要。通过复合赋值运算符,你可以写出更简洁的代码来更新变量值。理解了这些基本运算符,你就为学习条件语句和更复杂的程序逻辑打下了坚实的基础!

掌握了这些运算符,我们就可以开始学习条件语句,让程序根据不同情况做出不同的决定!

Previous lesson
Previous
数据类型基础 - 数字和字符串
Next
布尔类型与比较运算符 - 程序的判断基础
Next lesson