ch37-해설.md

Chapter37

📌문제1

true,false를 판단해주세요.

1. Set생성자 함수는 이터러블을 인수로 전달받아 Set객체를 생성한다. 이때 이터러블의 중복된 값은 포함시키지 않는다.
2. Set.prototype.add는 반환값으로 true,false값을 반환하고, Set.prototype.delete는 반환값으로 삭제된 Set객체를 반환한다.

정답 및 해설

(1) : true
(2) : false -> 반대다. add메서드가 추가된 Set객체를 반환하고, delete는 반환값으로 true,false값을 반환한다.
  따라서 add는 연속호출이 가능하다.

  ex) const set = new Set();
      set.add(1).add(2).add(3)

📌문제2

출력결과를 예측해주세요.

const map = new Map([
  [1, 2],
  [{ a: 1 }, 123],
]);

const keys = map.keys();
const values = map.values();
const entries = map.entries();

// 1.
console.log(keys.next());
console.log(keys.next());
console.log(keys.next());

// 2.
console.log(values.next());
console.log(values.next());
console.log(values.next());

// 3.
console.log(entries.next());
console.log(entries.next());
console.log(entries.next());

// 4.
console.log(Symbol.iterator in keys);
console.log(Symbol.iterator in values);
console.log(Symbol.iterator in entries);

정답 및 해설

(1) : 요소키를 값으로 갖는 이터러블 이면서 이터레이터인 객체
      {value : 1,done :false}
      {value : {a:1},done : false}
      {value : undefined, done : true}
(2) : 요소값를 값으로 갖는 이터러블 이면서 이터레이터인 객체
      {value : 2, done : false}
      {value : 123, done :false}
      {value : undefined, done : true}
(3) : 요소키와 요소값을 값으로 갖는 이터러블 이면서 이터레이터
      {value : [1,2], done : false}
      {value : [{a:1},123], done : false}
      {value : undefined, done : true}
(4) : 이터러블이기 떄문에.

📌문제3

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

const set = new Set([{a : 1}, {a : 1}]);
console.log(set); // (1)

const map = new Map([[{a : 1}, 1] , [{a : 1}, 1]])
map.delete([{a : 1}, 1]);
console.log(map); // (2)

정답 및 해설

(1) Set(2) {{a : 1}, {a : 1}};
(2) Map(2) {{a : 1} => 1, {a : 1} => 1}
객체는 주소값으로 비교되기 때문에 값이 같아도 다른 객체로 판단, 따라서 중복 제거 되지 않고 값이 같아도 key값이 다른 것으로 판단된다.

📌문제4

다음은 교집합을 만드는 프로토타입 메서드를 정의한 코드 입니다. 주석 부분에 들어갈 코드를 작성해서 코드를 완성해주세요.

Set.prototype.intersection = function (set) {
	const result = new Set();
	for(const value of set){
    // 코드 작성
	}
	return result;
}
const setA = new Set([1, 2, 3, 4]);
const setB = new Set([1, 2]);
console.log(setA.intersection(setB));

정답 및 해설

Set.prototype.intersection = function (set) {
	const result = new Set();
	for(const value of set){
			if(this.has(value)) result.add(value);
	}
	return result;
}
const setA = new Set([1, 2, 3, 4]);
const setB = new Set([1, 2]);
console.log(setA.intersection(setB));

// has 메서드와 add 메서드를 이용해서 구현할 수 있다. 

📌문제5

일치 비교 연산자===을 사용하면 NaN과 NaN을 다르다고 평가하지만, Set 객체와 Map 객체에서는 같다고 평가합니다. 또한 +0과 -0도 동일한 차이점을 가지고 있습니다. 이러한 차이점을 갖는 이유를 간단하게 작성하시오.

정답 및 해설

Set, Map에서 값 또는 키를 비교할 때, `SameValueZero`라는 알고리즘을 사용하여 등가 여부를 확인합니다.

• 🔗맵과 셋 → 맵이 키를 비교하는 방식 (ko.javascript.info)
• 🔗동치 비교 및 동일성 (MDN)

📌문제6

다음 보기의 true, false를 각각 선택하시오.

(1) Set과 Map의 요소 개수는 length 프로퍼티로 알 수 있다.
(2) Map객체는 일반 객체와 다르게 이터러블이자 유사 배열 객체가 될 수 있다.
(3) Map객체에 동일한 키값이 추가되는 경우 오류가 나지 않고 덮어쓰지 않는다.

정답 및 해설

(1) : false
Set과 Map의 요소 개수는 size 프로퍼티로 알 수 있다.
(2) : false
Map객체는 일반 객체와 다르게 이터러블은 가능하지만 유사배열 객체의 특징을 가지고 있지 않으므로 유사 배열 객체가 될 수 없다.
(3) : false
Map객체에 동일한 키값이 추가되는 경우 오류가 나지 않고 덮어쓴다.

📌문제7

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

const set1 = new Set();
console.log(set1); // (1)

const set2 = new Set([1, 1, 2, 3]);
set2.add(3).add(4);
console.log(set2); // (2)

set2.delete(3).delete(4);
console.log(set2); //(3)

답안 작성

(1) : Set(0) {}
(2) : Set(3) {1, 2, 3, 4}
(3) : TypeError

(1) : Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성됩니다.
(2) : 이터러블의 중복된 값은 Set 객체에 요소로 저장되지 않으며, 중복된 요소의 추가는 허용되지 않습니다.
(3) : delete 메서드는 삭제 성공 여부로 불리언 값을 반환하기 때문에, 연속적으로 호출할 수 없다.

📌문제8

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

const lee = { name: "Lee" };
const kim = { name: "Kim" };
const map = new Map([
  [lee, "developer"],
  [kim, "designer"],
]);

console.log(map.get(kim)); // (1)
console.log(map.delete("park")); // (2)
console.log(map.clear()); // (3)
console.log(map); // (4)

답안 작성

(1) : designer
(2) : false
(3) : undefined
(4) : Map(0) {}

(1) : get 메서드의 인수로 키를 전달하면 Map 객체에서 인수로 전달한 키를 갖는 값을 반환합니다.
(2) : 존재하지 않는 키로 Map 객체의 요소를 삭제하면 에러 없이 무시합니다.
(3) : clear 메서드는 언제나 undefined를 반환합니다.
(4) : 요소가 일괄 삭제되어 빈 Map 객체를 반환합니다.