JavaScript中数组作为函数参数传递的问题求助

你的问题出在函数参数传递的方式上，导致接收函数拿到的不是完整数组，而是数组的第一个元素：

问题根源 #

你用AddEngineerNamesToList.apply(null, EngineerNames)调用函数时，apply方法会把数组EngineerNames里的每个元素拆成独立参数传给目标函数。但你的AddEngineerNamesToList只定义了一个参数EngineerNames，所以这个参数实际只拿到了数组的第一个元素（比如截图里的单个工程师名字），而非整个数组。

这就解释了为什么：

• 调用EngineerNames.split(" ")时，是对单个字符串拆分，得到按空格分割的字符数组
• 遍历EngineerNames.length时，遍历的是字符串的长度，输出的是单个字符

解决方案 #

有两种简单的修正方式：

方式1：直接传递整个数组（推荐） #

把apply调用改成直接传数组，不用拆分参数：

async function readEngineerNames() {
    const querySnapshot = await getDocs(collection(db, "Engineers"));
    var EngineerNames = [];
    querySnapshot.forEach(doc => {
      EngineerNames.push(doc.id); 
    });
    console.log(EngineerNames);
    // 直接传递数组作为单个参数
    AddEngineerNamesToList(EngineerNames);
}

然后修改接收函数，直接处理数组：

function AddEngineerNamesToList(EngineerNames) {
    // 遍历数组里的每个工程师名字
    for (let i = 0; i < EngineerNames.length; i++) {
        console.log(EngineerNames[i]);
        // 这里可以添加将名字插入列表的逻辑，比如创建DOM元素等
    }
}

方式2：用剩余参数接收拆分的参数 #

如果你坚持要用apply，可以修改接收函数用剩余参数语法，把所有传入的单个参数重新组合成数组：

// 用...把所有传入的参数收集成数组
function AddEngineerNamesToList(...EngineerNames) {
    for (let i = 0; i < EngineerNames.length; i++) {
        console.log(EngineerNames[i]);
    }
}

这样原来的apply调用就可以正常工作，EngineerNames会是包含所有名字的数组。

额外提醒 #

• 遍历循环里的i最好用let声明，避免变成全局变量
• 如果工程师名字里没有空格，原来的split(" ")完全没必要，直接遍历数组元素即可

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