ch09-해설.md

Chapter09

📌문제1

다음 코드의 실행 결과를 쓰시오.

if([]) console.log(1);
if([1, 2, 3]) console.log(2);
if(undefined) console.log(3);
if(null) console.log(4);
if(NaN) console.log(5);

정답 및 해설

1 
2 
// 배열은 비었어도 true를 반환한다.
undefined, null, NaN은 falsy 값이다.

📌문제2

다음 코드의 실행 결과를 쓰시오.

const func = () => {};
console.log(func + '');
console.log(func() + '');
console.log(!!func);
console.log( +func);
console.log(func + 1);
+function() { console.log("Foo!")}();

정답 및 해설

() => {} (문자열)// string 자동 형변환
undefined(문자열) // undefined + '' 
true // !연산자 시 자동 형변환
nan // Number type으로 자동 형변환
() => {}1(문자열) (책에 없음)
Foo // 함수 정의 앞에 단항연산자가 오면 즉시 실행 함수처럼 동작(책에 없음) 

📌문제3

단축평가란 무엇인지 작성하시오.

정답 및 해설

const result = "Cat" && "Dog" // "Dog" 
// 논리 연산의 결과를 결정하는 피연산자의 타입을 변환하지않고 그대로 반환한다.



// 참고:단락평가.
// OR연산자는 truthy를 만나면 나머지 값들은 건드리지 않은 채 평가를 멈춘다.
// &&연산자는 falsy를 만나면 나머지 값들은 건드리지 않은 채 평가를 멈춘다.
true || alert("1");  // x
false || alert("2"); // o
true && alert("3"); // o
false && alert("4"); // x

// alert함수
alert(alert("1") && 3); // 1,undefined 얼럿창 출력 (alert함수는 undefined를 반환한다.)

• 참고자료 : https://ko.javascript.info/logical-operators

📌문제4

옵셔널 체이닝, null병합 연산자의 사용사례를 작성하시오.

(1): 옵셔널 체이닝, null병합 연산자의 사용사례를 작성하시오.
(2): 논리연산자를 통한 단축평가와 비교했을때 옵셔널 체이닝, null병합 연산자의 장점에대해서 작성하시오.

정답 및 해설

(1)
- 옵셔널 체이닝 : 객체를 가리키기를 기대하는 변수가 null 또는 undefined가 아닌지 확인하고 프로퍼티를 참조할 때.
- null병합 연산자 : 변수에 기본값을 설정할 때.
(2)
- Falsy값이아닌, 오직 null과 undefined인지를 평가하기때문에 결과를 예상하기 쉽다.

📌문제5

다음 코드의 출력 결과를 예측하세요.

let x = 10;
let str = x + "";

console.log(typeof str, str); // (1)
console.log(typeof x, x); // (2)

정답 및 해설

(1) string 10
(2) number 10

109p
암묵적 타입 변환은 기존 변수 값을 재할당하여 변경하는 것이 아니다.
자바스크립트 엔진은 표현식을 에러 없이 평가하기 위해 피연산자의 값을 암묵적 타입 변환하여
새로운 타입의 값으로 만들어 단 한 번 사용하고 버린다.

📌문제6

다음 코드의 실행 결과를 예측하세요.

console.log(("A" && "B") || false); // (1)
console.log(false || "A" || false); // (2)
console.log("A" && true && true); // (3)

정답 및 해설

(1) B
(2) A
(3) true

118p
논리곱, 논리합 연산자는 단축 평가하여 반환한다.
따라서 표현식을 평가하는 도중에 평가 결과가 확정되면, 나머지 평과 과정을 생략한다.

📌문제7

다음 코드의 출력 결과를 작성하시오.

console.log((undefined + 1)); // (1)
console.log([] && true); // (2)
console.log({} && true); // (3)
console.log(([10, 20] + 1)); // (4)

정답 및 해설

(1) : NaN
+ 산술 연산자에 의해서 NaN이 출력된다.
(2) : true
빈 배열은 Truthy 값으로 평가된다.
(3) : true
빈 객체은 Truthy 값으로 평가된다.
(4) : 10,201
문자열 연결 연산자에 의해 문자열 타입이 아닌 피연산자를 문자열 타입으로 암묵적 타입 변환한다.

📌문제8

옵셔널 체이닝 연산자?.를 이용하여 null 또는 undefined를 판단할 때와 논리 연산자&&를 이용하여 판단할 때 차이점을 작성하시오.

정답 및 해설

옵셔널 체이닝 연산자는 해당 변수의 null, undefined 인 경우를 기준으로 판단하고,
논리 연산자(&&)는 Falsy 값인 경우를 기준으로 판단한다.
Falsy : false, undefined, null, 0, -0, NaN, ''

또한 0이나 ''이 래퍼 객체에 의해 객체로 평가될 수 있다.