JavaScript function 在控制台中给出预期结果，但无法将结果分配给变量

Question

我无法将 function 调用的结果分配给变量。

让我们从下面的 object 开始：

let employees = [
    {
    id : 1,
    name : 'John Smith',
    age : 48,
    salary : 100000
    },

    {
    id : 2,
    name : 'Mary Jones',
    age : 29,
    salary : 78000,
    },

    {
    id : 3,
    name : 'Philip Lee',
    age : 36,
    salary : 160000,
    }
]

我有一个 function 访问每个员工的工资（玛丽除外）并应用 20% 的增长：

function applySalaryIncrease(employees) {
    for (let i=0; i < employees.length; i++) {
        if (i == 1){
            continue;
        }
        employees[i].salary = employees[i].salary * 1.2;
    }
 }

接下来，我在控制台中提交以下内容：

applySalaryIncrease(employees)
employees

而且，我在控制台中看到 John 和 Philip 的工资按预期增加了。

但是，当我将结果分配给名为updatedEmployees的变量时，控制台中的结果是undefined 。

updatedEmployees = applySalaryIncrease(employees)

为什么会这样？

谢谢！ （这里是 JavaScript 菜鸟）

Answer 1

您的 function 没有明确地return任何东西，因此它返回没有明确返回值的 JavaScript 函数，这是undefined的。

修理它：

function applySalaryIncrease(employees) {
    for (let i=0; i < employees.length; i++) {
        if (i == 1){
            continue;
        }
        employees[i].salary = employees[i].salary * 1.2;
    }
    return employees; // <-- explicitly return employees here
}

通常，改变 function arguments 并不是最好的主意，因此只要所有数组对象都简单地保存原始数据类型，通常最好创建传递的数组的浅表副本：

function applySalaryIncrease(emps) {
    const employees = [...emps]; // this avoids mutating the array passed to the function
    for (let i=0; i < employees.length; i++) {
        if (i == 1){
            continue;
        }
        employees[i].salary *= 1.2;
    }
    return employees; // <-- explicitly return employees here
}

Answer 2

您没有返回任何值，因此您的变量未定义为 function 的返回。 但是，如果您在关闭 function 之前添加return employees ，并且在循环之后它将返回它。

编辑：我刚看到，但和我上面那个人说的一模一样