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

<p><code><strong>add()</strong></code> 메서드는 <code>Set</code> 개체의 맨 뒤에 주어진 <code>value</code>의 새 요소를 추가합니다.</p>

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



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

<pre class="syntaxbox"><em>mySet</em>.add(<em>value</em>);</pre>

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

<dl>
 <dt><code>value</code></dt>
 <dd><code>Set</code> 객체에 추가할 요소의 값.</dd>
</dl>

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

<p><code>Set</code> 객체.</p>

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

<h3 id="add_메서드_사용하기"><code>add</code> 메서드 사용하기</h3>

<pre class="brush: js">var mySet = new Set();

mySet.add(1);
mySet.add(5).add('어떤 문자열'); // 계속 붙일 수 있음

console.log(mySet);
// Set [1, 5, "어떤 문자열"]
</pre>

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

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">명세</th>
   <th scope="col">상태</th>
   <th scope="col">비고</th>
  </tr>
  <tr>
   <td>{{SpecName('ES2015', '#sec-set.prototype.add', 'Set.prototype.add')}}</td>
   <td>{{Spec2('ES2015')}}</td>
   <td>최초 정의</td>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-set.prototype.add', 'Set.prototype.add')}}</td>
   <td>{{Spec2('ESDraft')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

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

<p>{{Compat("javascript.builtins.Set.add")}}</p>

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

<ul>
 <li>{{jsxref("Set")}}</li>
 <li>{{jsxref("Set.prototype.delete()")}}</li>
 <li>{{jsxref("Set.prototype.has()")}}</li>
</ul>