---
title: Adición (+)
slug: Web/JavaScript/Referencia/Operadores/Adición
translation_of: Web/JavaScript/Reference/Operators/Addition
---
<div>{{jsSidebar("Operators")}}</div>

<p>El operador de adición (<code>+</code>) produce la suma de operandos numéricos o la concatenación de (cadenas) string.</p>

<div>{{EmbedInteractiveExample("pages/js/expressions-addition.html")}}</div>

<div></div>

<p class="hidden">La fuente para este ejemplo interactivo está almacenado en un repositorio Github. Si te gustaría contribuir al proyecto de ejemplos interactivos, por favor clona <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> y envianos una pull-request.</p>

<h2 id="Sintaxis">Sintaxis</h2>

<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>x</var> + <var>y</var>
</pre>

<h2 id="Ejemplos">Ejemplos</h2>

<h3 id="Adición_numérica">Adición numérica</h3>

<pre class="brush: js notranslate">// Número + Número -&gt; adición
1 + 2 // 3

// Booleano + Número -&gt; adición
true + 1 // 2

// Booleano + Booleano -&gt; adición
false + false // 0
</pre>

<h3 id="Concatenación_de_cadenas_String">Concatenación de (cadenas) String</h3>

<pre class="brush: js notranslate">// String + String -&gt; concatenación
'fut' + 'bol' // "futbol"

// Número + String -&gt; concatenación
5 + 'oh' // "5oh"

// String + Booleano -&gt; concatenación
'fut' + false // "futfalse"</pre>

<h2 id="Especificación">Especificación</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-addition-operator-plus', 'Addition operator')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_de_Explorador">Compatibilidad de Explorador</h2>

<div class="hidden">La tabla de compatibilidad en esta página es generada desde datos estructurados. Si quieres contribuir a estos datos, por favor revisa <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> y envía un pull request.</div>

<p>{{Compat("javascript.operators.addition")}}</p>

<h2 id="También_revisa">También revisa</h2>

<ul>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Subtraction">Subtraction operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Division">Division operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Multiplication">Multiplication operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Remainder">Remainder operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Exponentiation">Exponentiation operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Increment">Increment operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Decrement">Decrement operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Unary_negation">Unary negation operator</a></li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Unary_plus">Unary plus operator</a></li>
</ul>