자바스크립트에서 Nullish Coalescing 연산자(??)는 변수가 null 또는 undefined인 경우 대체 값을 제공하는 기능을 제공합니다. 이 기능은 배열에서 특정 요소를 추출할 때 유용하게 사용될 수 있습니다.

보통 배열에서 요소를 추출할 때는 인덱스를 사용하여 해당 요소에 접근합니다. 그러나, 배열의 요소 중 일부가 null 또는 undefined인 경우 인덱스를 사용해 추출하면 문제가 발생할 수 있습니다. 이때 Nullish Coalescing을 사용하면 대체 값을 지정해 엘리먼트를 안전하게 추출할 수 있습니다.

다음은 배열에서 Nullish Coalescing을 이용한 요소 추출 방법의 예시입니다:

const array = ['apple', null, 'banana', undefined, 'cherry'];

const firstElement = array[0] ?? 'no element found';
console.log(firstElement); // 'apple'

const secondElement = array[1] ?? 'no element found';
console.log(secondElement); // 'no element found'

const thirdElement = array[2] ?? 'no element found';
console.log(thirdElement); // 'banana'

위의 코드에서 array 배열은 다양한 요소들을 가지고 있습니다. 첫 번째 요소는 ‘apple’, 두 번째 요소는 null, 세 번째 요소는 ‘banana’입니다.

?? 연산자를 사용하여 각 요소를 추출할 때, 해당 요소가 null 또는 undefined인 경우 ‘no element found’라는 대체 값을 사용하였습니다.

따라서 첫 번째 요소는 ‘apple’로 유효한 값을 가지고 있는 반면, 두 번째 요소는 null 값이므로 대체 값을 사용하여 ‘no element found’로 처리되었습니다.

세 번째 요소인 ‘banana’는 유효한 값이기 때문에 해당 요소 그대로 추출됩니다.

Nullish Coalescing을 사용하면 배열 요소에서의 null 또는 undefined 처리를 보다 쉽고 간결하게 할 수 있습니다. 이를 통해 코드의 가독성과 안정성을 높일 수 있습니다.

#javascript #배열 #NullishCoalescing