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 ，並且在循環之后它將返回它。

編輯：我剛看到，但和我上面那個人說的一模一樣