[javascript] Map 객체

이아현·2023년 5월 10일
0

javascript

목록 보기
5/14
post-thumbnail

✅ Map 객체

  • 하나의 Array 혹은 키-값 쌍인 요소를 가진 반복 가능 객체
  • [키, 값] 형태의 중첩 배열을 전달하여 Map객체를 생성
  • ES6부터 도입된 javascript 객체
// map객체는 오직 new로만 생성
new Map(iterable)

// 예시
const newMap = new Map ([
	[ 1, "one"],
    [ 2, "two"],
    [ 3, "three"],
])

😊 set() 메서드

  • Map 객체에서 주어진 키와 값을 추가하거나 업데이트
const map1 = new Map();
map1.set('bar', 'foo')

console.log(map1.get('bar') // foo
console.log(map1.get('baz') // undefined

😊 get() 메서드

  • Map 객체에서 특정 요소를 반환
// 위의 예시 참고

😊 has() 메서드

  • Map 객체에서 주어진 키에 해당하는 요소가 존재 여부를 가리키는 boolean값 반환
console.log(map1.has('bar')); // true
console.log(map1.has('pop')); // false

😊 delete 메서드

  • Map 객체에서 키값을 이용하여 특정 요소를 삭제
const map1 = new Map();
map1.set('bar', 'foo');
map1.delete('bar');

console.log(map1.has('bar')); //false

😊 size 메서드

  • Map객체 요소의 개수 반환
const newMap = new Map ([
	[ 1, "one"],
    [ 2, "two"],
    [ 3, "three"],
])

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

profile
PM을 지향하는 FE 개발자 이아현입니다 :)

0개의 댓글