JavaScript 함수에서 여러 값을 반환하려면 어떻게 해야 합니까?

JavaScript에서 여러 값을 반환할 수 있나요?

일반적으로 JavaScript 함수는 단일 값만 반환할 수 있습니다. 그러나 여러 값 반환을 시뮬레이션하는 방법이 있습니다.

배열을 반환 값으로

한 가지 방법은 원하는 값이 포함된 배열을 반환하는 것입니다. 예를 들어:

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

그러면 구조 분해 할당을 사용하여 값에 액세스할 수 있습니다.

const [first, second] = getValues();

이 접근 방식은 다음과 같습니다.

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

객체 반환 값으로

또 다른 옵션은 각각에 대해 명명된 속성이 있는 객체를 반환하는 것입니다. 값. 이는 여러 값을 반환하는 보다 구조화되고 레이블이 지정된 방법을 제공합니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!