Chapter 11: 자바스크립트 심볼 (Symbols)

💡 도서 모던 자바스크립트 핵심 가이드를 읽고 정리합니다.

11.1 심벌의 고유성

---

심벌은 ES6에 처음 추가된 원시 자료형으로 항상 고유성을 지님

const me = Symbol("Alberto");
console.log(me);
// Symbol(Alberto)

const clone = Symbol("Alberto");
console.log(clone);
// Symbol(Alberto)

console.log(me == clone);
// false
console.log(me === clone);
// false

11.2 객체 속성에 대한 식별자

---

객체 속성의 식별자로 사용 가능

동일한 속성명이 각각 고유하게 존재해야 할 경우 사용 가능

const office = {
  [Symbol("Tom")]: "CEO",
  [Symbol("Mark")]: "CTO",
  [Symbol("Mark")]: "CIO",
};

for (person in office) {
  console.log(person);
}
// undefined

11.3 심벌의 반복

---

심벌은 열거가 불가능하므로 심벌에 대한 반복을 위해선 Object.getOwnPropertySymbols() 를 사용

const office = {
  [Symbol("Tom")] : "CEO",
  [Symbol("Mark")] : "CTO",
  [Symbol("Mark")] : "CIO",
};

const symbols = Object.getOwnPropertySymbols(office);
console.log(symbols);
// 0: Symbol(Tom)
// 1: Symbol(Mark)
// 2: Symbol(Mark)
// length: 3

// 배열을 얻은 후 속성에 접근하려면 map 사용
const office = {
  [Symbol("Tom")] : "CEO",
  [Symbol("Mark")] : "CTO",
  [Symbol("Mark")] : "CIO",
};

const symbols = Object.getOwnPropertySymbols(office);
const value = symbols.map(symbol => office[symbol]);
console.log(value);
// 0: "CEO"
// 1: "CTO"
// 2: "CIO"
// length: 3