使用展开运算符处理函数数组参数时返回undefined的问题求助

咱们来一步步拆解你遇到的undefined问题，核心有两个关键原因：

1. 函数未返回处理结果 #

你的fullName函数里，虽然用map遍历处理了参数，但没有把map生成的新数组返回出去。JavaScript中，函数如果没有显式的return语句，默认会返回undefined——这就是控制台输出undefined的直接原因。

2. 剩余参数的使用逻辑有误 #

你用...argument（剩余参数语法）定义函数，但调用时直接传入了整个names数组，这会导致argument变成嵌套数组：[["James", "Simon", "Alex"]]。此时map只会遍历外层数组的唯一元素（也就是整个names数组），完全达不到批量处理每个名字的效果。

修复后的代码方案 #

这里提供两种符合需求的修复思路，你可以根据场景选择：

方案一：保留剩余参数，调整调用方式

如果想继续用剩余参数接收多个名字参数，调用时需要展开数组，让每个元素作为单独参数传入：

const names = ["James", "Simon", "Alex"];
function fullName(...argument) {
  // 新增return，返回map处理后的结果
  return argument.map(function(name) {
    return `${name} Surname`
  })
}
console.log(fullName(...names)) // 输出: ["James Surname", "Simon Surname", "Alex Surname"]

方案二：直接接收数组参数（更直观）

如果你的函数本来就是为了处理数组，没必要用剩余参数，直接接收数组参数更清晰：

const names = ["James", "Simon", "Alex"];
function fullName(nameArray) {
  return nameArray.map(function(name) {
    return `${name} Surname`
  })
}
console.log(fullName(names)) // 输出: ["James Surname", "Simon Surname", "Alex Surname"]

额外小优化 #

用箭头函数可以让代码更简洁：

const fullName = nameArray => nameArray.map(name => `${name} Surname`);

内容的提问来源于stack exchange，提问作者James