ch07-해설.md

Chapter07

📌문제1

문제 작성

console.log( false ?? 'hello');
console.log(null ?? 'bye');
console.log('' ?? 'hi')
console.log( '' ? 'hello' : 'bye');

정답 및 해설

false
bye
// 빈 문자열 출력
bye

?? 연산자는 ?? 앞의 값이 null 이거나 undefined일 때 뒤의 값을 반환해준다. 
삼항 연산자와 다르게 암묵적 형변환을 하지 않는다. 

📌문제2

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

const a = undefined;
const b = null;
const c = 123;


const a1 = a ?? "값이 없습니다.";
console.log(a1); //(1)


const b1 = b ?? "값이 없습니다.";
console.log(b1); //(2)


const c1 = c ?? "값이 없습니다.";
console.log(c1); //(3)	

정답 및 해설

(1): "값이 없습니다."
(2): "값이 없습니다."
(3): 123
-> ??는 좌항의 피연산자가 null 또는 undefined인 경우 우항의 피연산자를 반환하고 그렇지 않으면 좌항의 피연산자를 반환한다. (변수에 기본값을 설정할 때 유용.)

📌문제3

연산자의 부수 효과가 무엇인지 설명하고, 음 중 부수효과를 일으키는 연산자를 찾으시오

(1) 할당 연산자 (=)
(2) 삼항 연산자
(3) 증감 연산자
(4) 산술 연산자

정답 및 해설

1, 3
연산자의 부수 효과는 연산자를 사용할 때 피연산자의 값이 변화되는 일을 말한다. 

📌문제4

삼항 조건 연산자와 if ... else문의 차이점을 작성하시오.

정답 및 해설

삼항 조건 연산자 표현식은 값으로 표현되고,
if...else 문은 표현식이 아닌 문이므로 값으로 사용할 수 없다.

• p84~85

📌문제5

(1) 다음 코드의 출력 값을 작성하시오.

let x = 1;
x = x + ++x + x;
console.log(x);

(2) 다음 보기의 연산자 우선순위가 높은 것부터 나열하시오.

x++, !=, ||, &&, +=, ++x

(3) 다음 코드 수행 후, x의 값을 작성하시오.

let x = 1, y = 1;
x += ++x && y != x++ || y;

정답 및 해설

(1) : 5
++x 값이 수행된 후 이번째 항에 자리잡으므로 세번째 항에 들어오는 x값은 2이다.
(2) : x++ ++x != && || +=
(3) : 2

let x = 1, y = 1;
x += ++x && y != x++ || y;
x = x + (++x && y != x++ || y);
x = x + ((++x) && y != (x++) || y);
x = x + ((++x) && (y != (x++)) || y);
x = x + (((++x) && (y != (x++))) || y);

• p91~92

📌문제6

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

let num = 3;
console.log(num--); // (1)
console.log(++num); // (2)

console.log(5 == "5"); // (3)
console.log(5 === "5"); // (4)

console.log(NaN === NaN); // (5)

답안 작성

(1) 3
(2) 3
(3) true
(4) false
(5) false