---
title: Map.prototype.set()
slug: Web/JavaScript/Reference/Global_Objects/Map/set
tags:
  - ECMAScript 2015
  - JavaScript
  - Map
  - Method
  - Prototype
  - Reference
translation_of: Web/JavaScript/Reference/Global_Objects/Map/set
---
<div>{{JSRef}}</div>

<p><code><strong>set()</strong></code> 메서드는 Map 객체에서 주어진 키를 가진 요소를 추가하고, 키의 요소가 이미 있다면 대체합니다.</p>

<div>{{EmbedInteractiveExample("pages/js/map-prototype-set.html")}}</div>



<h2 id="구문">구문</h2>

<pre class="syntaxbox"><code><em>myMap</em>.set(<em>key</em>, <em>value</em>);</code></pre>

<h3 id="매개변수">매개변수</h3>

<dl>
 <dt><code>key</code></dt>
 <dd><code>Map</code>에 추가하거나 변경할 요소의 키.</dd>
 <dt><code>value</code></dt>
 <dd><code>Map</code>에 추가하거나 변경할 요소의 값.</dd>
</dl>

<h3 id="반환_값">반환 값</h3>

<p>호출한 <code>Map</code> 객체.</p>

<h2 id="예제">예제</h2>

<h3 id="set()_사용하기"><code>set()</code> 사용하기</h3>

<pre class="brush: js">var myMap = new Map();

// Add new elements to the map
myMap.set('bar', 'foo');
myMap.set(1, 'foobar');

// Update an element in the map
myMap.set('bar', 'baz');
</pre>

<h3 id="set()_체이닝"><code>set()</code> 체이닝</h3>

<p><code>set()</code>이 같은 <code>Map</code>을 반환하므로 메서드를 여러 번 연속해서 호출할 수 있습니다.</p>

<pre class="brush: js">// Add new elements to the map with chaining.
myMap.set('bar', 'foo')
     .set(1, 'foobar')
     .set(2, 'baz');
</pre>

<h2 id="명세">명세</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('ES2015', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
   <td>{{Spec2('ES2015')}}</td>
   <td>Initial definition.</td>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
   <td>{{Spec2('ESDraft')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



<p>{{Compat("javascript.builtins.Map.set")}}</p>

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li>{{jsxref("Map")}}</li>
 <li>{{jsxref("Map.prototype.get()")}}</li>
 <li>{{jsxref("Map.prototype.has()")}}</li>
</ul>