JavaScript 関数から複数の値を返すにはどうすればよいですか?

JavaScript で複数の値を返すことはできますか?

従来、JavaScript 関数は単一の値のみを返すことができました。ただし、複数の値を返すことをシミュレートする方法はあります。

戻り値としての配列

1 つの方法は、目的の値を含む配列を返すことです。例:

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;

推奨事項

JavaScript で複数の値を返すための推奨アプローチは、オブジェクトを使用することです。これにより、配列を使用する場合と比較して、TypeScript および JSDoc で明確なラベル付け、新しい値の追加が容易になり、型の安全性が向上します。座標ペア [x, y] など、明確な順序を持つ単純なタプルの配列のみを返します。

以上がJavaScript 関数から複数の値を返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。