최신 자바스크립트(ECMAScript 2020)에는 Nullish Coalescing 연산자라는 새로운 기능이 추가되었습니다. 이 연산자를 사용하면 배열에서 값이 null 또는 undefined인 경우 기본값을 설정할 수 있습니다. 이것은 코드를 더 간결하고 효율적으로 작성할 수 있는 방법을 제공합니다.

다음은 Nullish Coalescing 연산자를 사용하여 배열에서 값 추출하는 예시입니다:

const myArray = [null, 0, '', undefined, 'Hello World'];

const value1 = myArray[0] ?? 'Default Value'; // null이므로 'Default Value'가 할당됩니다.
const value2 = myArray[3] ?? 'Default Value'; // undefined이므로 'Default Value'가 할당됩니다.
const value3 = myArray[4] ?? 'Default Value'; // 'Hello World'이므로 원본 값이 할당됩니다.

console.log(value1); // 출력: 'Default Value'
console.log(value2); // 출력: 'Default Value'
console.log(value3); // 출력: 'Hello World'

Nullish Coalescing 연산자인 ??는 왼쪽 피연산자가 null 또는 undefined인 경우에만 오른쪽 피연산자를 반환합니다. 그 외의 경우엔 왼쪽 피연산자를 반환합니다. 이를 통해 배열에서 값이 없을 경우는 기본값을 설정하고, 값이 있는 경우는 원본 값을 그대로 사용할 수 있습니다.

Nullish Coalescing 연산자를 사용하면 간결하고 가독성 좋은 코드를 작성할 수 있으며, 오류를 방지하고 기능을 개선하는 데 도움이 됩니다. 하지만, 이 기능은 최신 자바스크립트 버전에서만 지원되므로 호환성에 유의해야 합니다.

#javascript #codingtips