← 编程学习中心
📖

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语句与字符串模板 - 更优雅的代码表达

内置方法 - 字符串与数组的魔法工具 🔧

在编程中,字符串和数组就像是我们手中的工具箱。TypeScript 为这些工具箱提供了很多现成的工具,我们可以直接使用,而不需要自己重新发明轮子。

字符串方法 - 文字处理的魔法工具

字符串方法就像是文字处理的魔法工具,帮助我们快速完成各种文字操作。

字符串查找和检查

🔍 indexOf - 查找字符位置

indexOf 就像是在字典里查找某个字在第几页:

加载代码编辑器...

✅ includes - 检查是否包含

includes 就像是检查购物清单里有没有某个物品:

加载代码编辑器...

字符串转换

🔤 toUpperCase / toLowerCase - 大小写转换

加载代码编辑器...

✂️ slice - 切割字符串

slice 就像是切蛋糕,想要哪一部分就切哪一部分:

加载代码编辑器...

数组方法 - 数据处理的瑞士军刀

数组方法就像是瑞士军刀,功能强大且使用方便。结合箭头函数,能够写出非常简洁优雅的代码。

🔍 find - 查找元素

find 就像是在人群中寻找特定的人:

加载代码编辑器...

🎯 filter - 过滤数据

filter 就像是筛子,只留下符合条件的数据:

加载代码编辑器...

🗺️ map - 转换数据

map 就像是魔法棒,把每个数据都变个样子:

加载代码编辑器...

➕ reduce - 数据汇总

reduce 就像是计算器,把一堆数据变成一个结果:

加载代码编辑器...

🔧 其他常用数组方法

📏 length - 获取数组长度

加载代码编辑器...

➕ push - 添加元素到末尾

加载代码编辑器...

🗑️ pop - 删除末尾元素

加载代码编辑器...

方法链式调用 - 让代码更优雅

我们可以把多个方法像链条一样连接起来使用:

加载代码编辑器...

综合游戏应用

让我们用一个完整的游戏例子来综合运用这些方法:

加载代码编辑器...

实用技巧和最佳实践

💡 使用建议

  1. 选择合适的方法:

    • 要查找单个元素 → find
    • 要筛选多个元素 → filter
    • 要转换所有元素 → map
    • 要汇总数据 → reduce
  2. 箭头函数让代码更简洁:

    加载代码编辑器...
  3. 方法链要清晰:

    加载代码编辑器...

⚠️ 常见错误

  1. 忘记返回值:

    加载代码编辑器...
  2. 原始数组不变:

    加载代码编辑器...

下一步预告:对象的威力

掌握了字符串和数组的方法后,你已经能够处理大部分数据操作任务了!在下一课"对象基础"中,你将学习:

  • 对象:组织复杂数据结构
  • 对象方法:在对象中定义函数
  • 对象操作:创建、修改、删除对象属性

这些知识将让你能够构建更复杂、更有组织性的程序!🚀

总结

今天我们学习了字符串和数组的内置方法:

📚 核心知识

  1. 字符串方法:indexOf、includes、toUpperCase、slice等
  2. 数组方法:find、filter、map、reduce等
  3. 箭头函数配合:让数组操作更简洁优雅
  4. 方法链式调用:组合多个方法处理复杂任务

🎯 实用技巧

  • 根据需求选择合适的方法
  • 使用箭头函数简化代码
  • 合理使用方法链处理数据流水线
  • 注意方法的返回值和副作用

🚀 编程思维

  • 数据驱动思维:用方法处理数据而不是手动循环
  • 函数式编程:使用不可变数据和纯函数
  • 代码抽象:用高级方法代替底层操作

掌握了这些内置方法,你就拥有了处理数据的强大工具箱,能够优雅地解决各种编程问题!💪

Previous lesson
Previous
函数进阶 - 箭头函数与高级编程技巧
Next
Switch语句与字符串模板 - 更优雅的代码表达
Next lesson