本文详解如何通过传统 for 循环手动构建新数组，为原数组每个字符串元素添加指定前缀（如 'baby '），避免因过早 return 导致只处理首项的常见错误。
在 JavaScript 中，若需对数组进行转换并返回一个全新数组（而非修改原数组），map() 是最直观的选择。但当题目明确禁止使用 map() 时，我们必须借助基础循环结构——而关键在于：不能在循环体内直接 return，否则函数会在第一次迭代后立即终止，仅返回首个处理结果。
问题代码中的核心错误如下：
function convertToBaby(arr) {
for (let i = 0; i < arr.length; i++) {
return `baby ${arr[i]}`; // ❌ 错误：return 立即退出函数，循环无法继续
}
}该写法实际返回的是单个字符串 'baby panda'，而非数组，更非完整转换结果。
✅ 正确做法是：先声明空数组 → 循环中逐项推入新值 → 循环结束后统一返回新数组。参考实现如下：
function convertToBaby(arr) {
const newArray = []; // ✅ 初始化空数组用于收集结果
for (let i = 0; i < arr.length; i++) {
newArray.push(`baby ${arr[i]}`); // ✅ 将处理后的字符串推入新数组
}
return newArray; // ✅ 循环完成后再返回整个新数组
}
const animals = ["panda", "turtle", "giraffe", "hippo", "sloth", "human"];
console.log(convertToBaby(animals));
// 输出: ["baby panda", "baby turtle", "baby giraffe", "baby hippo", "baby sloth", "baby human"]? 补充说明与注意事项：
- newArray.push() 是安全且语义清晰的方式；也可用 newArray[newArray.length] = ... 或展开运算符（如 newArray = [...newArray, ...]），但 push() 最符合本场景意图；
- 此方法严格遵循“不修改原数组”的要求，animals 保持不变；
- 若需兼容旧环境（如 IE），该 for 循环写法比 for...of 或 forEach 更稳妥；
- 进阶思考：还可使用 while 循环或递归实现，但 for 循环在此场景下可读性与性能最佳。
总结：理解 return 的函数级中断特性，是避免“只处理第一项”陷阱的关键；主动管理结果容器（新数组）并延迟返回，是手写数组映射逻辑的核心范式。
