그날의 공부기록
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
블로그 내 검색

그날의 공부기록

seokachu's Front-End Archive 🙂

  • 📚 이론정리/JS & TS

    Map,Set

    2024. 1. 2.

    by. 서카츄

    Map,Set추가적인 자료구조가 등장함.

    최근에 등장한 내용임.

    Map, Set의 목적 : 데이터의 구성, 검색, 사용을 효율적으로 처리 -> 기존의 객체 또는 배열보다 효율적으로 만들기 위해

     

    1. Map - key,value를 저장하는 객체랑 비슷함.

    객체와 다르게 key에 어떤 데이터타입(유형)도 다 들어올 수 있다.

    - Map은 키가 정렬된 순서로 저장되기 때문이다. 키가 정렬된 순서로 저장되기 때문에 추가한 순서대로 반복할 필요가 없음.

    - 기능 -> 검색, 삭제, 제거 여부 확인

    - 원래 데이터를 가공하여 출력함.

     

    Map은 다음과 같은 작업을 수행할 수 있음

    1. 키 - 값 쌍 추가 및 검색(set)

    2. 키 - 값 쌍 삭제 (delete)

    3. 모든 키 - 값 쌍 제거 (clear)

    4. Map 크기 및 존재 여부 확인 (size)

     

     

     

     

     

     

     

     

    myMap.keys() -> 앞에있는 Key의 값을 가져옴

    myMap.values() -> 뒤에있는 value 값을 가져옴

    myMap.entries() -> [ ] 키와 벨류 값을 배열로 가지고 옴

     

     

     

    2. set 

    고유한 값을 저장하는 자료구조

    값만 저장한다.

    키를 저장하지는  않는다.

    값이 중복되지 않는 유일한 요소로만 구성된다.

    값 추가, 검색, 값 삭제, 모든값 제거, 존재여부 확인

     

     

    set은 For of 문을 쓸때 앞에 value값만 가져올 수 있기 때문에 value로 넣어준다.

     

    저작자표시 비영리 변경금지 (새창열림)

    '📚 이론정리 > JS & TS' 카테고리의 다른 글

    ✏️ 객체 동적 접근 대괄호 표기법([])  (0) 2024.01.17
    ✏️ Reduce 함수  (1) 2024.01.03
    스크롤감지 getBoundingClientRect 메서드  (0) 2024.01.02
    ✏️ 옵셔널체이닝(Optional-chaining)과 널리쉬퀄리싱(Nullish-coalescing)  (0) 2023.11.03
    ✏️ 동기와 비동기  (0) 2023.11.01

    댓글

    관련글

    • ✏️ 객체 동적 접근 대괄호 표기법([]) 2024.01.17
    • ✏️ Reduce 함수 2024.01.03
    • 스크롤감지 getBoundingClientRect 메서드 2024.01.02
    • ✏️ 옵셔널체이닝(Optional-chaining)과 널리쉬퀄리싱(Nullish-coalescing) 2023.11.03
맨 위로
전체 글 보기
  • Github
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

seokachu's 기록저장소

블로그 이미지
서카츄

티스토리툴바