JavaScript
의 함수는 하나의 값 밖에 리턴하지 못한다.
function veggie() {
const job = 'Developer';
const studying = 'JavaScript';
return (job, studying);
}
const veggieDetail = veggie();
위의 코드가 안 된다는 의미다. 실행해보면, studying
은 정상적으로 리턴이 되나, job
은 리턴이 되지 않는다.
그럼 어떻게 두 개 이상의 값을 리턴할 수 있을까? 배열을 사용하면 된다. 1
리턴 값을 배열로 반환하기
function veggie() {
const job = 'Developer';
const studying = 'JavaScript';
return [job, studying];
}
const veggieDetail = veggie();
[job, studying]
형태로 반환하면 각각의 값이 배열에 감겨 반환된다. 아래의 사진을 보면 잘 실행되는 것을 볼 수 있다.
위와 같이 하나의 변수에 배열은 담아도 되지만 아래와 같이 사용해도 된다.
const [job, studying] = veggie();
리턴 값을 오브젝트로 반환하기
function veggie() {
const job = 'Developer';
const studying = 'JavaScript';
return {
job,
studying
};
}
const job = veggie().job;
const studying = veggie().studying;
오브젝트로 반환하는 방법도 있다. 위와 같이 코드를 작성해도 되고, 아래와 같이 작성해도 가능하다.
const {job, studying} = veggie();
참조
1. https://www.javascripttutorial.net/javascript-return-multiple-values/
2. https://stackoverflow.com/questions/2917175/return-multiple-values-in-javascript
반응형
'Programming Language > JavaScript' 카테고리의 다른 글
[JavaScript] forEach와 map의 차이 (0) | 2021.12.27 |
---|---|
[JavaScript] Js로 숫자 무작위 추첨 (Math.random() 사용법) (0) | 2021.10.09 |
[JavaScript] innerHTML / innerText / textContent 차이 (0) | 2021.10.08 |
댓글