ch10-해설.md

Chapter10 객체 리터럴

📌문제1

다음 보기의 true, false를 고르시오.

(1) 객체 생성시 프로퍼티 키를 작성할 때, 식별자 네이밍 규칙을 따르지 않으면 무조건 따옴표를 사용해야 한다.
(2) 대괄호 표기법 안에는 무조건 따옴표로 감싸진 문자열만 가능하다.

정답 및 해설

(1) false p127,129
127쪽에서 반드시 따옴표를 사용해야한다고 명시되어 있다.
하지만 129쪽을 보면 예외적으로 따옴표를 사용안하였을 때, 암묵적 타입 변환으로 문자열로 변환되므로 숫자 리터럴과 같이 작성해도 무방하다.
(2) false p131
131쪽에 반드시 따옴표로 감싼 문자열이어야한다고 명시되어 있다.
하지만 대괄호 프로퍼티 접근 연산자 내에 따옴표로 감싸지 않은 이름을 프로퍼티 키로 사용하면, 자바스크립트 엔진은 식별자로 해석한다. (바로 다음 문장)

📌문제2

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

const obj = {
  "abc": 123,
  abc : 789,
  000 : "zero",
  "000" : "stringZero",
}
const ABC = "abc";
const zero = 000;

console.log(obj["abc"]); // (1) 789
console.log(obj[ABC]); // (2) 789
console.log(obj.abc); // (3) 789

console.log(obj[000]); // (4) zero
console.log(obj["000"]); // (5) stringZero
console.log(obj[zero]); // (6) zero
console.log(obj.zero); // (7) undefined

정답 및 해설

obj 객체의 작성하는 부분에서 "abc"와 abc는 동일한 문자열 프로퍼티 키이므로 덮어 쓴다.
따라서 (1~3)은 789가 출력된다.

하지만 000과 "000"은 다른 프로퍼티 키이다.
왜냐하면 000이 프로퍼티 키가 되기위해 암묵적 타입 변환을 한다.
그 과정에서 000은 숫자로 0이므로 0을 암묵적 타입 변환한다.
따라서 obj = { ,, "0": "zero:", "000": "stringZero" } 이다.

마지막 (7)은 obj 안에 "zero"라는 프로퍼티 키가 없으므로 undefined가 출력된다.

📌문제3

다음 중 에러가 발생하는 것을 모두 고르시오

const obj1 = {
	name : 'name1',
	name : 'name2'
} // (1)

const obj2 = {
	' ' : 'null'
} // (2)

const obj3 = {
	if : true,
	else : false
} // (3)

const obj4 : {
	first-name : 'name'
} // (4)

const obj5 : {
	lastName : 'name'
} // (5)

const obj6 : {
	a : 1
	b : 2
} // (6)

정답 및 해설

정답 : obj4, obj6
obj4에서는 식별자 네이밍 규칙을 지키지 않았기 때문에 반드시 문자열로 감싸줘야 한다.
obj6에서는 , 가 없기 때문에 에러가 일어난다.
나머지는 에러가 일어나지 않는다.

📌문제4

객체의 프로퍼티 키로 사용될 수 있는 원시값 2가지를 작성하고,아래의 코드에서 에러가 발생하지 않는 이유에대해 설명하시오.

obj = {
0:1,
}

답안 작성

- p.127 : 1.모든 문자열, 2.심벌값. 암묵적 타입변환을통해 문자열로 변환되기 때문에 에러가 발생하지 않는다.

📌문제5

es6에서 추가된 객체 리터럴의 확장기능 3가지를 작성해주세요.

답안 작성

1.프로퍼티 축약 표현.
- 변수 이름으로 프로퍼티 값을 할당할경우 프로퍼티 키와 동일한 이름일때 프로퍼티 키를 생략 할 수 있음.
2.계산된 프로퍼티 이름을 객체 리터럴 내부에서도 사용할 수 있음.
- 계산된 프로퍼티: 문자열 또는 문자열로 변환할 수 있는 값으로 평가되는 표현식을 사용해 동적으로 생성한 키.
3.메서드 축약표현.
- 메서드를 정의할 때 function키워드를 생략한 축약표현을 사용할 수 있음.

📌문제6

다음 코드에서 에러가 발생하는 부분과 실행 결과를 예측하세요.

var obj = {
  0: 1, // (1)
  "": "", // (2)
  object: "", // (3)
  name: "Deep", // (4)
  name: "Dive", // (5)
};

console.log(obj);

답안 작성

에러는 발생하지 않는다.
{ '0': 1, '': '', object: '', name: 'Dive' }

129p
(1) 프로퍼티 키에 문자열이나 심벌 값 외의 값을 사용하면 암묵적 타입 변환을 통해 문자열이 된다.
(2) 빈 문자열을 프로퍼티 키로 사용해도 에러가 발생하지 않는다. 하지만 키로서의 의미를 갖지 못하므로 권장하지 않는다.
(3) 예약어를 프로퍼티 키로 사용해도 에러가 발생하지 않는다. 하지만 예상치 못한 에러가 발생할 여지가 있으므로 권장하지 않는다.
(4), (5) 이미 존재하는 프로퍼티 키를 중복 선언하면 나중에 선언한 프로퍼티가 먼저 선언한 프로퍼티를 덮어쓰며, 에러가 발생하지 않는다.