首頁 >web前端 >js教程 >如何從 JavaScript 函數傳回多個值?

如何從 JavaScript 函數傳回多個值?

Susan Sarandon
Susan Sarandon原創
2024-11-24 19:43:34580瀏覽

How Can I Return Multiple Values from a JavaScript Function?

JavaScript 中可以傳回多個值嗎?

傳統上,JavaScript 函數只能傳回單一值。但是,有一些方法可以模擬傳回多個值。

陣列作為傳回值

一種方法是傳回包含所需值的陣列。例如:

function getValues() {
    return [getFirstValue(), getSecondValue()];
}

然後您可以使用解構賦值來存取值:

const [first, second] = getValues();

此方法相當於:

const values = getValues();
const first = values[0];
const second = values[1];

Object作為回傳值

另一個選項是傳回一個對象,其中每個物件都有命名屬性價值。這提供了一種傳回多個值的更結構化和標記的方法:

function getValues() {
    return {
        first: getFirstValue(),
        second: getSecondValue(),
    };
}

要存取這種情況下的值,您可以使用 ES6物件解構語法:

const {first, second} = getValues();

或者,你可以使用更詳細的方法:

const values = getValues();
const first = values.first;
const second = values.second;

建議

在Java 中傳回多個值的建議方法是使用物件。與使用陣列相比,這在 TypeScript 和 JSDoc 中提供了清晰的標籤、易於添加新值以及更好的類型安全性。僅傳回具有明確排序的簡單元組的數組,例如座標對 [x, y].

以上是如何從 JavaScript 函數傳回多個值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn