POTATO THAT WANT TO BE HUMAN

[JavaScript] Set 자료형 본문

FRONTEND/JavaScript

[JavaScript] Set 자료형

녜힝 2022. 4. 11. 17:00
반응형

Set 객체는 ES6에서 등장한 자바스크립트의 표준내장객체 중 하나입니다. 

 

Set 객체는 자료형에 관계없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. 즉, 어떤 값은 그 Set 콜렉션 내에서 유일한 값입니다. (중복을 제거한 값들의 집합입니다.)

 

 

Set 객체 선언 😵

let mySet = new Set();

 

Set 객체 사용 😵

1. 특정 요소 추가 add 

add 키워드를 이용하여 Set 객체에 주어진 값을 갖는 새로운 요소를 추가합니다. 

mySet.add(1);   // Set {1}
mySet.add(5);   // Set {1, 5}
mySet.add('h1');   // Set {1, 5, 'hi'}

 

2. 특정 요소 확인 has 

has 키워드를 이용하여 Set 객체에 주어진 값을 갖는 요소가 있는지 확인합니다. (boolean값을 반환)

mySet.has(1);   // true
mySet.has(3);   // false
mySet.has('hi')   // true

 

3. 특정 요소 제거 delete 

delete 키워드를 이용하여 Set 객체에서 주어진 값을 갖는 요소를 제거합니다. 

mySet.delete('hi');   // Set {1, 5}
mySet.delete(1);   // Set {5}

 

4. 모든 요소 제거 clear 

clear 키워드를 이용하여 Set 객체에 있는 모든 요소를 제거합니다. 

mySet.clear();   // Set {}

 

5. 요소의 개수 반환 :  size 

size 키워드를 이용하여 Set 객체 내에 있는 요소들의 개수를 반환합니다. (괄호를 쓰지 않습니다.)

// Set {1, 5, 'hi'}

mySet.size   // 3

 

반응형
Comments