본문 바로가기

JavaScript

Set 데이터 구조

  • Set 이란?
동일한 값을 두번 저장할 수 없는 데이터 구조이다.
중복값을 쳐낼때 유효하다.

 

  • Set 기본 구문
① . Set 생성
let name = new Set() //name을 호출할경우 새로운 Set객체?를 생성한다.


② . 값 추가 (add 메서드 사용)

name.add(추가할값)//중복된값을 무시된다.


③ . 값 삭제(delete 메서드 사용)

name.delete(삭제할값) // 지정한 값만 삭제한다.


④.모든 값 삭제(clear 메서드 사용)

name.clear() // Set에 모든값을 삭제한다.


⑤ . 값의 존재 여부 확인(has메서드 사용)

name.has(확인할값)//있는지 없는지 확인 true : false


⑥ . Set의 크기 확인(size 속성을 사용)

name.size


⑦ . Set 반복 (Set은 반복가능한 객체 이므로 for...of 또는 forEach 메서드를 사용하여 각 요소 순회 가능)

name.add(1)
name.add(2)
name.add(3)
name.add(3)

for (let val of name){
console.log(val)// 1,2,3 출력 마지막3은 중복된값이므로 제외됨
}
////////////////////////////////////////////////////////////////

name.forEach(val =>{
console.log(val) // 1,2,3 출력 마찬가지로 마지막3은 제외됨
})


⑧ . 배열로 변환(Array.from()메서드 또는 스프레드 연산자(...) 을 사용하여 변환가능)

name.add(1)
name.add(2)
name.add(3)

//Array.from의 경우
let arr = [Array.from(name)]
console.log(arr) // [1,2,3]

//...의 경우
let arr = [...name]
console.log(arr) // [1,2,3]

'JavaScript' 카테고리의 다른 글

커링 기법  (0) 2024.11.06
prettier 설정  (0) 2024.09.29
시간복잡도,공간복잡도/투 포인터 , 슬라이딩 윈도우  (0) 2024.08.26
콜백 함수 이해하기 2일차  (0) 2024.08.20
콜백 함수 이해하기 1일차  (0) 2024.08.19