以前操作数组，我只会用 for 循环遍历。学了 JS 的数组内置方法之后，才发现原来可以写得这么简洁优雅。
最常用的比如forEach，遍历数组比 for 循环写起来省事多了：
javascript
运行
const arr = [1, 2, 3, 4, 5];
// 传统for循环
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
// forEach写法
arr.forEach(item => console.log(item));
然后是map，对数组每一项做处理并返回新数组，做数据渲染的时候特别好用：
javascript
运行
const nums = [1, 2, 3];
const doubled = nums.map(item => item * 2);
console.log(doubled); // [2, 4, 6]
filter用来筛选符合条件的元素：
javascript
运行
const nums = [1, 2, 3, 4, 5];
const evens = nums.filter(item => item % 2 === 0);
console.log(evens); // [2, 4]
还有reduce这个方法，堪称数组方法里的 "瑞士军刀"：
javascript
运行
// 求和
const sum = [1, 2, 3, 4].reduce((prev, curr) => prev + curr, 0);
console.log(sum); // 10
// 求最大值
const max = [1, 5, 3, 9, 2].reduce((prev, curr) => Math.max(prev, curr));
console.log(max); // 9
刚开始老是分不清这些方法的返回值，经常该用 map 的时候用了 forEach，结果拿不到返回值。后来整理了一张表格贴在桌边，用多了也就形成肌肉记忆了。
现在写代码我会下意识地思考：这里能不能用数组方法优化？能用函数式写法就不用命令式循环。代码不仅短了，可读性也提高了不少。