자바스크립트에서 변수를 선언할 때, 값이 없는 경우를 대비해서 기본값을 설정하는 것은 매우 흔한 상황입니다. 이 글에서는 자바스크립트에서 변수의 기본값을 설정하는 여러 가지 방법에 대해 알아보겠습니다.

1. 조건문을 사용한 변수 초기화

가장 일반적인 방법 중 하나는 조건문을 사용하여 변수의 값을 확인하고, 값이 없는 경우 기본값을 할당하는 것입니다. 다음은 이 방법의 예시입니다.

let name;
if (!name) {
  name = 'John';
}
console.log(name); // 출력 결과: 'John'

변수 name이 값이 없는 경우, 즉 undefined인 경우, 조건문을 통해 기본값으로 John을 할당하였습니다.

2. 논리 연산자를 사용한 변수 초기화

논리 연산자는 변수의 값을 조건문이나 기본값으로 설정하는데 유용한 도구입니다. || 연산자를 사용하여 변수에 기본값을 설정할 수 있습니다. 다음은 이 방법의 예시입니다.

let age = 0;
age = age || 25;
console.log(age); // 출력 결과: 25

age 변수의 값이 0인 경우, 논리 연산자 ||를 사용하여 기본값으로 25를 할당하였습니다.

3. 삼항 연산자를 사용한 변수 초기화

삼항 연산자는 조건문을 축약하여 사용할 수 있는 연산자입니다. 이를 활용하여 변수에 기본값을 설정할 수 있습니다. 다음은 이 방법의 예시입니다.

let language;
language = language ? language : 'JavaScript';
console.log(language); // 출력 결과: 'JavaScript'

language 변수의 값이 존재하지 않는 경우, 삼항 연산자를 사용하여 기본값으로 ‘JavaScript’를 할당하였습니다.

4. 함수 매개변수 기본값 설정

함수를 정의할 때 매개변수에 기본값을 설정할 수도 있습니다. 이는 함수를 호출할 때 해당 매개변수가 값을 전달받지 못한 경우, 기본값을 사용하게 됩니다. 다음은 이 방법의 예시입니다.

function greet(name = 'John') {
  console.log(`Hello, ${name}!`);
}

greet(); // 출력 결과: 'Hello, John!'
greet('Mike'); // 출력 결과: 'Hello, Mike!'

greet 함수의 매개변수 name에 기본값으로 ‘John’을 설정하였습니다. 따라서 함수를 호출할 때 이름을 전달받지 않은 경우, ‘John’으로 인사를 하게 됩니다.

결론

자바스크립트에서는 변수의 기본값을 설정하는 다양한 방법을 제공합니다. 조건문, 논리 연산자, 삼항 연산자를 사용하는 방법과 함수 매개변수에 기본값을 설정하는 방법을 익혀두면 변수 초기화에 유용하게 활용할 수 있습니다. 주어진 상황에 맞는 방법을 적용하여 자바스크립트 코드를 더욱 효율적으로 작성해보세요.

이 글이 여러분에게 도움이 되길 바랍니다!