Javascript Set

2022. 2. 10. 12:46JAVASCRIPT

글쓴 개요 : 백준 3052번 문제를 푸는 과정 중에 알게된 내장 객체 사용 방법을 소개하고자 작성했습니다.

 

Set 객체 사용 방법

var mySet = new Set();

mySet.add(1); // Set { 1 }
mySet.add(5); // Set { 1, 5 }
mySet.add(5); // Set { 1, 5 }
mySet.add('some text'); // Set { 1, 5, 'some text' }
var o = {a: 1, b: 2};
mySet.add(o);

mySet.add({a: 1, b: 2}); // o와 다른 객체를 참조하므로 괜찮음

mySet.has(1); // true
mySet.has(3); // false, 3은 set에 추가되지 않았음
mySet.has(5);              // true
mySet.has(Math.sqrt(25));  // true
mySet.has('Some Text'.toLowerCase()); // true
mySet.has(o); // true

mySet.size; // 5

mySet.delete(5); // set에서 5를 제거함
mySet.has(5);    // false, 5가 제거되었음

mySet.size; // 4, 방금 값을 하나 제거했음
console.log(mySet);// Set {1, "some text", Object {a: 1, b: 2}, Object {a: 1, b: 2}}

 

Set 활용 상황

//객체 중복값 제외 후 배열로 반환
const _setObject = new Set([0,0,0,0,0,0,0,0,0,1]);
const _setObject_filter = [..._array] // [0,1] 배열로 반환

//추가 참고사항 문자열을 배열로
console.log([..."test"]) // ['t','e','s','t']
console.log([..."t e s t"]) // ['t',' ','e',' ','s',' ','t']

 

정리 : 

1. indexOf 함수보다 빠르게 값을 찾는다

2. 객체 타입이다 보니 index의 값은 알지 못한다.

3. 중복값을 처리하는 과정에서 매우 유용한거 같다

'JAVASCRIPT' 카테고리의 다른 글

브라우저&&모바일 확인 - 바닐라 스크립트(prototype)  (0) 2022.02.17
var와 let,const 차이점  (0) 2020.01.14
JS 이벤트 위임하기  (0) 2020.01.14
JS async & await  (0) 2020.01.14
JS Promise란  (0) 2020.01.14