Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript Map.set() 메서드 완벽 가이드 – 키-값 쌍 추가 및 수정하기

JavaScript의 Map 객체에서 제공하는 set() 메서드는 Map에 새로운 요소(키-값 쌍)를 추가하거나, 이미 존재하는 키가 있다면 해당 값을 업데이트하는 역할을 합니다.

문법(Syntax)

set() 메서드의 기본 문법은 다음과 같습니다.

mapVar.set(key, value)

첫 번째 인수인 key는 Map에 저장할 고유한 키, 두 번째 인수인 value는 해당 키에 연결할 값입니다. 만약 동일한 키로 set()을 다시 호출하면 기존 값이 새 값으로 덮어쓰기 됩니다.

예제(Example)

아래 예제에서는 set() 메서드를 사용해 네 개의 키-값 쌍을 Map에 추가한 뒤, has() 메서드로 특정 키('3')의 존재 여부를 확인합니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var mapVar = new Map();
      mapVar.set('1', 'Java');
      mapVar.set('2', 'JavaFX');
      mapVar.set('3', 'HBase');
      mapVar.set('4', 'Neo4j');
      document.write(mapVar.has('3'));
   </script>
</body>
</html>

출력(Output)

true

추가 팁: 메서드 체이닝 활용하기

set() 메서드는 작업 후 Map 객체 자신을 반환하기 때문에, 아래처럼 메서드를 연달아 호출하는 체이닝(chaining) 방식으로도 사용할 수 있습니다.

var mapVar = new Map()
  .set('1', 'Java')
  .set('2', 'JavaFX')
  .set('3', 'HBase');

이 방식을 활용하면 코드를 더 간결하고 읽기 쉽게 작성할 수 있습니다.