JavaScript Set

JavaScript Set은 독립된 값의 집합입니다.

각 값은 Set에서는 한 번만 나타날 수 있습니다.

값은 어떤 유형이든 될 수 있습니다. 원시 값이나 객체입니다.

Set을 어떻게 생성하나요

JavaScript Set을 다음과 같은 방식으로 생성할 수 있습니다:

  1. 배열을 전달하면 new Set()
  2. 빈 Set을 생성하고 사용하여 add() 값을 추가합니다。

new Set() 메서드

배열을 전달하면 new Set() 구조 함수:

实例

// Set을 생성합니다
const letters = new Set(["a","b","c"]);

직접 시도해보세요

Set을 생성하고 값을 추가합니다:

实例

// Set을 생성합니다
const letters = new Set();
// Set에 값을 추가합니다
letters.add("a");
letters.add("b");
letters.add("c");

직접 시도해보세요

Set을 생성하고 변수를 추가합니다:

实例

// Set을 생성합니다
const letters = new Set();
// 변수를 생성합니다
const a = "a";
const b = "b";
const c = "c";
// 변수를 Set에 추가합니다
letters.add(a);
letters.add(b);
letters.add(c);

직접 시도해보세요

add() 메서드

实例

letters.add("d");
letters.add("e");

직접 시도해보세요

동일한 요소를 추가하면 첫 번째 요소만 저장됩니다:

实例

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");

직접 시도해보세요

요소 나열

사용할 수 있습니다 for..of 모든 Set 요소(값)을 순회로 나열합니다:

实例

// Set을 생성합니다
const letters = new Set(["a", "b", "c"]);
// 모든 요소를 나열합니다
let text = "";
for (const x of letters) {
  text += x;
}

직접 시도해보세요

Set은 객체입니다

typeof object을 반환하면:

typeof letters;      // object을 반환

직접 시도해보세요

instanceof Set true를 반환하면:

letters instanceof Set;  // true를 반환

직접 시도해보세요

전체 Set 참조 매뉴얼

최종 참조를 원하면 다음을 방문하십시오:JavaScript Set 참조 매뉴얼

이 매뉴얼은 모든 Set 속성과 메서드의 설명 및 예제를 포함하고 있습니다。

브라우저 지원

Set은 ES6의 특성(JavaScript 2015)。

2017년 6월부터 모든 현대 브라우저는 ES6를 지원합니다:

크롬 에지 파이어폭스 사파리 오페라
크롬 51 에지 15 파이어폭스 54 사파리 10 오페라 38
2016년 5월 2017년 4월 2017년 6월 2016년 9월 2016년 6월

Internet Explorer는 Set을 지원하지 않습니다.