JavaScript 学习手册
免费学习
完整知识体系
快速检索
JavaScript学习手册《数组迭代方法（forEach, map, filter, reduce）》：ES5 引入了多个数组迭代方法，用于函数式编程。 **forEach** – 遍历执行 ```javascript [1, 2, 3].forEach(num => console.log(num)); ``` **map** – 映射...
数组
数组迭代方法（forEach, map, filter, reduce）
【详细说明 & 代码示例】
ES5 引入了多个数组迭代方法，用于函数式编程。
**forEach** – 遍历执行
```javascript
[1, 2, 3].forEach(num => console.log(num));
```
**map** – 映射为新数组
```javascript
const doubled = [1, 2, 3].map(num => num * 2); // [2,4,6]
```
**filter** – 过滤符合条件的元素
```javascript
const evens = [1, 2, 3, 4].filter(num => num % 2 === 0); // [2,4]
```
**reduce** – 累加归并
```javascript
const sum = [1, 2, 3, 4].reduce((acc, cur) => acc + cur, 0); // 10
// 也可用于其他运算
const max = [1, 5, 3].reduce((a, b) => a > b ? a : b);
```
**some** / **every** – 条件判断
```javascript
[1, 2, 3].some(num => num > 2); // true
[1, 2, 3].every(num => num > 0); // true
```
**find** / **findIndex** – 查找元素或索引
```javascript
const result = [1, 2, 3].find(num => num > 1); // 2
const index = [1, 2, 3].findIndex(num => num > 1); // 1
```
**sort** – 排序（默认按字符串排序，需自定义比较函数）
```javascript
[3, 1, 4].sort((a, b) => a - b); // [1,3,4]
```
学习提示：建议打开浏览器开发者工具（F12）中的 Console 面板，直接运行代码片段，实时查看输出，加深理解。
全部章节目录（共 48 个知识点）
JavaScript 基础 (1个知识点)
变量与数据类型 (3个知识点)
运算符 (2个知识点)
控制流程 (3个知识点)
函数 (3个知识点)
对象 (2个知识点)
数组 (2个知识点)
字符串 (1个知识点)
日期与时间 (1个知识点)
错误处理 (1个知识点)
DOM 操作 (3个知识点)
事件处理 (3个知识点)
BOM 操作 (1个知识点)
ES6+ 新特性 (4个知识点)
异步编程 (1个知识点)
Promise (1个知识点)
async/await (1个知识点)
Ajax 与请求 (1个知识点)
模块化 (1个知识点)
类 (1个知识点)
闭包 (1个知识点)
作用域 (1个知识点)
正则表达式 (1个知识点)
Web API (5个知识点)
框架与库基础 (2个知识点)
工具与调试 (2个知识点)
使用说明
- • 本手册涵盖 JavaScript 从基础到 ES6+ 及 Web API 的完整知识体系
- • 在搜索框输入关键词，快速定位相关知识点
- • 点击条目标题进入详情页，查看详细说明与代码示例
- • 页面按分类展示所有知识点，方便系统性学习
- • 建议打开浏览器开发者工具（F12）的 Console 面板运行代码，加深理解