Typescript Tip] string | null 을 string 으로 변환 처리하기

이 글은 ChatGPT를 이용하여 생성 후 블로그를 위하여 정리하였습니다.

 

JavaScript에서 string | null 타입을 string 타입으로 변환하는 방법은 여러 가지가 있습니다. 아래에 다양한 방법들을 소개합니다.

기본 값으로 변환하기

삼항 연산자 사용

삼항 연산자를 사용하여 null인 경우 기본 값을 제공하는 방법입니다.

let value = someValue !== null ? someValue : "default";

 

논리 연산자 (||) 사용

논리 연산자를 사용하면 값이 null 또는 undefined인 경우 기본 값을 반환합니다.

let value = someValue || "default";

 

Nullish Coalescing Operator (??) 사용

Nullish Coalescing Operator (??)는 값이 null 또는 undefined인 경우에만 기본 값을 반환합니다.

let value = someValue ?? "default";

 

함수 사용

null을 처리하는 함수를 작성하여 사용할 수도 있습니다.

function getString(value) { return value !== null ? value : "default"; } let value = getString(someValue);

 

예제 코드

아래는 각 방법을 사용한 예제 코드입니다.

let someValue = null;  // 방법 1: 삼항 연산자 사용  let value1 = someValue !== null ? someValue : "default";  console.log(value1); // "default"  // 방법 2: 논리 연산자 사용  let value2 = someValue || "default";  console.log(value2); // "default"  // 방법 3: Nullish Coalescing Operator 사용  let value3 = someValue ?? "default";  console.log(value3); // "default"  // 방법 4: 함수 사용  function getString(value) {    return value !== null ? value : "default"; }  let value4 = getString(someValue);  console.log(value4); // "default"

 

이 방법들은 모두 string | null 타입의 값을 string 타입으로 변환하는 데 유용합니다. 선택하는 방법은 코드 스타일과 상황에 따라 다를 수 있습니다.

 

첨언: javascript 만 쓴다면 이럴 필요도 없음.