前言
在JavaScript的数组江湖中，有四位各怀绝技的剑客：map、forEach、filter以及基础而强大的for...of。它们在处理数组集合时，各有所长，能够助你在代码的世界中游刃有余。本文将带你领略这“四大名剑”的锋芒，让你在数组的海洋中乘风破浪。

map：变换剑法，旧貌换新颜
map 以其变化万千的剑法著称，能够对数组中的每个元素进行加工，生成一个全新的数组。当你需要对数组中的每个元素进行变换，并且需要这些加工后的结果时，map便大展身手。

// 堆代码 duidaima.com
// 假设我们有一个用户数组，现在需要将每个用户的年龄增加5岁
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 22 }
];

const usersWithAgeIncreased = users.map(user => ({
  ...user,
  age: user.age + 5
}));

console.log(usersWithAgeIncreased);

forEach：遍历剑法，行侠仗义不留名
forEach 以其行云流水的剑法闻名，对数组中的每个元素执行操作，但不留名，不关心结果。当你需要对数组中的每个元素执行某些操作，但不需要这些操作的返回值时，forEach便行侠仗义。

// 假设我们需要打印每个用户的欢迎信息
const users = ['Alice', 'Bob', 'Charlie'];

users.forEach(user => {
  console.log(`Welcome, ${user}!`);
});

filter：筛选剑法，慧眼识珠
filter 以其精准无匹的剑法知名，能够从数组中筛选出符合条件的元素，生成一个新的数组。当你需要从数组中筛选出符合特定条件的元素时，filter便慧眼识珠。

// 假设我们需要筛选出年龄大于25岁的用户
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 22 }
];

const usersOver25 = users.filter(user => user.age > 25);

console.log(usersOver25);

for...of：现代剑法，简洁高效
for...of 是一种现代循环剑法，专为遍历数组而生。它提供了一种简洁高效的方式来获取数组中的每个元素，尤其适合于需要直接访问数组元素的场景。

// 假设我们需要对数组中的每个数字进行平方运算，并打印结果
const numbers = [1, 2, 3, 4, 5];

for (const num of numbers) {
  console.log(num * num);
}

总结：剑法之道，存乎一心
通过本文的探讨，我们深入了解了map、forEach、filter以及for...of这四位数组遍历与转换的“四大名剑”。它们各有所长，适用于不同的场景：
map：适用于需要将现有数组转换成新数组的场景，每个新元素都是原数组中对应元素经过某种操作后的结果。
forEach：适用于需要对数组中的每个元素执行操作，但不需要关心这些操作的返回值的场景。
filter：适用于需要从数组中筛选出符合条件的元素的场景。
for...of：适用于直接遍历数组元素并进行操作的场景，提供简洁高效的循环方式。

在实际开发中，我的个人经验是，根据你需要处理的数据和预期的结果来选择使用哪种方法。例如，如果你需要一个新的数组，其中包含了原数组每个元素的某种转换，那么map是不二之选。如果你只是需要执行一些操作而不关心结果，那么forEach将是你的好帮手。当你需要筛选数组中的元素时，filter将大显身手。而如果你需要遍历数组并直接访问每个元素，for...of将是最简洁高效的选择。

记住，剑法之道，存乎一心。理解每种方法的精髓，才能在适当的时刻，施展出最恰当的剑法。让我们在JavaScript的江湖中，用这“四大名剑”书写出更加优雅、高效的代码篇章吧！