10000COW

Nullish coalescing operator (??) Nullish: null 또는 undefined Nullish coalescing operator는 논리 연산자로, ??를 사용한다. ??의 왼쪽 피연산자가 null 또는 undefined인 경우 오른쪽 피연산자를 반환한다. 반면, ??의 왼쪽 피연산자가 null과 undefined이 아닌 경우 왼쪽 피연산자를 반환한다. 아래 예시 코드를 보면 이해가 쉽다. 1️⃣ 왼쪽 피연산자가 null 또는 undefined인 경우 const apple = null ?? '🍎'; console.log(apple); // expected output: "🍎" 오른쪽 피연산자 🍎을 반환한다. 2️⃣ 왼쪽 피연산자가 null과 undefined이 아닌 경우 con..

Optional Chaining 연산자 (?.) ES11 (ECMAScript 2020) 객체의 Property에 접근하거나 함수를 호출했을 때 undefined 또는 null인 경우 에러를 던지는 대신, undefined를 반환한다. 즉, nullish값 (null 또는 undefined) 으로 인해 에러가 발생하는 것을 간단한 표현으로 처리할 수 있다. 왜 Optional Chaining을 사용할까? 예를 들어 adventurer 객체 안에 중첩된(nested) cat 객체가 있는 아래의 코드를 보자. nullish 값을 체크하면서(null 또는 undefined인 경우 에러가 발생하기 때문) adventurer 객체에 중첩된 'cat 객체의 name'을 가져오려면 어떻게 할 수 있을까? const ..

삼항 연산자란(Ternary Operator)? 조건문을 쓸 때 주로 if, else를 사용하는 것에 비해, '조건식 ? 참인 경우 : 거짓인 경우' 의 형태로 깔끔하고 간단하게 조건문을 표현할 수 있도록 해주는 방식 날씨에 따라 택시를 탈지, 자전거를 탈지 결정하는 코드를 작성한다고 해보면, let weather; if(weather == '⛄'){ console.log('🚕'); } else{ console.log('🚴‍♂️'); } 이런식으로 눈이 오면 택시를 타고, 그렇지 않으면 자전거를 탈 것이라는 코드를 if와 else를 활용해 조건문을 만들 수 있다. 하지만, 삼항 연산자를 사용하면 다음과 같이 간단하게 표현할 수 있다. let transport = weather === '⛄' ? '🚕' :..

우리가 문자열을 더할 때 + 연산자를 사용하곤 한다. 예를 들어, 아래와 같이 + 연산을 하면 let letter = 'I' + 'Love' + 'You'; 출력 결과는 'I Love You'와 같다. 만약 문자열들을 더하는 것이 아니라 정수와 문자열을 더하면 데이터 타입은 어떻게 정해질까?? let text = 'I love you ' + 3000; 출력 결과는 'I love you 3000' 즉, 문자열로 반환이 되는 것을 알 수 있다. 그렇다면, 아래의 코드는 어떤 결과를 출력할까? letter = '7' + 5 출력 결과: 75 (String) 정수로 덧셈이 되어 12로 계산되는 것이 아닌 문자열로 + 연산을 한 것으로 되어 75가 출력된다. 이처럼 + 연산자를 사용할 때 타입이 다른 경우 주의해..