210908 TIL

TIL DAY 41

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• Map과 Set

Map

• 이름이 있는 데이터를 저장하는 역할을 한다.
• 메소드를 통해서 값을 추가하거나 수정이 가능하다
• new 키워드를 이용해서 여러 값들을 다룰 수 있다.

• map.set(key, value): key를 이용해 value를 추가하는 메소드
• map.get(key): key에 해당하는 값을 얻는 메소드. key가 존재하지 않으면 undefined를 반환.
• map.has(key): key가 존재하면 true, 존재하지 않으면 false를 반환하는 메소드.
• map.delete(key): key에 해당하는 값을 삭제하는 메소드.
• map.clear(): Map 안의 모든 요소를 제거하는 메소드.
• map.size: 요소의 개수를 반환하는 프로퍼티. (메소드가 아닌 점 주의! 배열의 length 프로퍼티와 같은 역할)

출처 : 코드잇

결과값 :

장점 :

• 다양한 자료형 key 프로퍼티가 활용 가능하다.

Set

• 여러개의 값을 순서대로 저장하는 역할을 한다.
• Map과 마찬가지로 new 키워드를 이용해서 만들 수 있고, 여러 값들을 다룰 수 있다.

• set.add(value): 값을 추가하는 메소드. (메소드를 호출한 자리에는 추가된 값을 가진 Set 자신을 반환.)
• set.has(value): Set 안에 값이 존재하면 true, 아니면 false를 반환하는 메소드.
• set.delete(value): 값을 제거하는 메소드. (메소드를 호출한 자리에는 셋 내에 값이 있어서 제거에 성공하면 true, 아니면 false를 반환.)
• set.clear(): Set 안의 모든 요소를 제거하는 메소드.
• set.size: 요소의 개수를 반환하는 프로퍼티. (메소드가 아닌 점 주의! 배열의 length 프로퍼티와 같은 역할)

출처 : 코드잇

결과값 :

주의할 점!

• set은 개별 값에 접근할 수 없다.
  => 그말은 즉 Map은 get을 통하여서, 배열은 index를 통해서 개별 값을 불러올 수 있다.

• set은 중복되는 값을 허용하지 않는 특징이 있다.
  => add메소드를 이용해서 똑같은 값을 추가해도, 바뀌는건 없다.

• set은 처음 생성될 때 아규먼트로 배열을 전달이 가능하다.

  

  결과값 :

• 위에서 말했듯 이, 중복되는 값들이 있으며 철저히 무시한다.

  

느낀점 :

• 오늘은 map과 set의에 대해 배우는 시간을 가졌다. 정말로 유용하게 쓰일 것 같다.