else 없이 속기인 경우 JavaScript

경력의 어느 시점에서 ternary operator in JavaScript을 많이 사용하게 될 것입니다.

if...else 속기 버전의 멋진 단어입니다.

예제를 다시 확인해 봅시다.

// Full if else

let result = '';
if (our_value) {
  result = 'we got a value';
} else {
  result = 'no value';
}

// Ternary
result = our_value ? 'we got a value' : 'no value';

그래서 그것은 이미 정해진 작업 예제입니다.

else가 없으면

그러나 특정 조건이 충족되면 무언가를 실행하거나 설정해야 하는 경우가 있습니다.

다음 예를 살펴보겠습니다.

if (our_value) {
  alert('I have the value');
}

이 코드 조각은 our_value 조건이 참이면 사용자에게 경고해야 합니다.

관련된 다른 사람이 없습니다.

다음과 같이 작성할 수 있습니다.

our_value ? alert('I have the value') : null;

그러나 null 값은 아무 작업도 수행하지 않으므로 필요하지 않으므로 && 연산자를 사용하도록 전환할 수 있습니다.

our_value && alert('I have the value');

더 깔끔하게, 이 진실한 값이 있으면 스크립트에 알리고 사용자에게 알려야 합니다.

Nullish 기본값

경우에 따라 일부 값을 반환하는 함수가 있을 수 있지만 개체가 null이면 기본값을 반환할 수 있습니다.

const name = null;
const user = {
  username: name ? name : 'John Doe',
};

console.log(user);
// { username: 'John Doe' }

그 예는 완벽하게 잘 작동합니다. 그러나 다시 약간 중복됩니다. ?? 연산자를 활용하여 기본 반환 값을 설정할 수 있습니다.

이 ?? 연산자를 logical nullish operator이라고 합니다.

const user = {
  username: name ?? 'John Doe',
};

이것은 name 의 값을 반환하고, 존재하지 않는 경우 John Doe 를 반환합니다.

Note: Be careful when the value can be false as it will return false in that case.

읽어주셔서 감사합니다. 연결합시다!

제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나