본문 바로가기
WEB front-end/Javascript

Set

by 겸둥이곰 2022. 6. 21.
반응형

셋은 잘 쓸일이 없긴한데.. 가끔 배열의 항목중에 중복을 제거해야할 일이 있을때 사용하면 유용할거 같다.

 

Set은

중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션
키가없는 값이 저장됨

* 주요 메서드

  • new Set(iterable) : 셋을 만듬 . 이터러블 객체를 전달받으면 그 안의 값을 복사해서 넣어줌
  • set.add(value) : 랎을 추가하고 셋 자신을 반환
  • set.delete(value) : 값을 제거. 호출 시점에 셋 내에 값이 있어서 제거에 성공하면  true, 아니면 false 반환
  • set.has(value) : 셋 내에 값이 존재하면 true, 아니면 false
  • set.clear() : 셋을 값을 비움
  • set.size : 셋내의 값의 갯수 
let set = new Set();

let lee = {name : 'lee'};
let kim = {name : 'kim'};
let choi = {name : 'choi'};

set.add(lee);
set.add(kim);
set.add(choi);
set.add(choi);
set.add(lee);
set.add(kim);

console.log(set.size); // 3

for (let user of set){
    console.log(user.name); // lee, kim, choi
}

* forEach

set.forEach((value, valueAgain, set) => {
    console.log(value.name);
});

* 배열을 받아서 중복을 제거하고 돌려주기

function getUniq(arr) {
    return Array.from(new Set(arr));
}
반응형

'WEB front-end > Javascript' 카테고리의 다른 글

javascript post redirect  (0) 2022.08.05
날짜 함수 활용...  (0) 2022.06.22
Map  (0) 2022.06.20
fetch  (0) 2022.06.03
예외처리...  (0) 2022.06.02

댓글