[javaScript]set 중복제거

자바스크립트의 set

set은 ES6에서 처음 소개된 고유한 값으 모음이다. 즉 중복 값을 허용하지 않는다.

 

필수 설정 방법

• new Set() - 새 세트 만들기
• add() - 세트에 새 요소 추가
• delete() - 세트에 요소 제거
• has() - Set에 값이 있으면 true를 반환
• forEach() - Set의 각 요소에 대한 콜백을 호출한다.
• values() - Set의 모든 값을 포함하는 반복자를 반환
• Property - 설명
• size - 세트의 요소 수를 반환

 

Set() 세트 생성 방법

const letters = new Set();

Set()의 값은 배열값이 들어가면 된다.

 

const letters = new Set(["a","b","c"]);
letters.size; //3

 

Set()만들고 값 추가

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

 

세트 만들고 변수 추가

// Create a Set
const letters = new Set();

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Add Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

 

add() 메서드

// Create a new Set
const letters = new Set(["a","b","c"]);

// Add a new Element
letters.add("d");
letters.add("e");

["a","b","c","d","e"]

 

동일한 요소를 추가할 경우 첫 번째 요소만 저장된다.

// Create a Set
const letters = new Set();

// Add values to the Set
letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");

["a","b","c"]

 

forEach() 메서드

각 Set요소에 대한 함수를 호출

// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
letters.forEach (function(value) {
  text += value;
}) //abc

 

 

values() 메서드

Set의 모든 값을 포함하는 새로운 반복자 객체를 반환

const letters = new Set(["a","b","c"]);
let text = "";
for (const x of letters.values()) {
  text += x;
} //abc

 

 

 

참고 : https://www.w3schools.com/js/js_sets.asp