---
title: Addition (+)
slug: Web/JavaScript/Reference/Operators/Addition
tags:
  - JavaScript
  - Opérateur
  - Reference
translation_of: Web/JavaScript/Reference/Operators/Addition
original_slug: Web/JavaScript/Reference/Opérateurs/Addition
browser-compat: javascript.operators.addition
---
<div>{{jsSidebar("Operators")}}</div>

<p>L'opérateur d'addition (<code>+</code>) produit la somme de deux opérandes numériques ou la concaténation de deux chaînes de caractères.</p>

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

<h2 id="syntaxe">Syntaxe</h2>

<pre class="brush: js">
<strong>Opérateur :</strong> <var>x</var> + <var>y</var>
</pre>

<h2 id="examples">Exemples</h2>

<h3 id="numeric_addition">Addition numérique</h3>

<pre class="brush: js">
// Number + Number -&gt; addition
1 + 2 // 3

// Boolean + Number -&gt; addition
true + 1 // 2

// Boolean + Boolean -&gt; addition
false + false // 0
</pre>

<h3 id="string_concatenation">Concaténation de chaînes de caractères</h3>

<pre class="brush: js">// String + String -&gt; concatenation
'toto' + 'truc' // "tototruc"

// Number + String -&gt; concatenation
5 + 'toto' // "5toto"

// String + Boolean -&gt; concatenation
'toto' + false // "totofalse"</pre>

<h2 id="specifications">Spécifications</h2>

<p>{{Specifications}}</p>

<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{Compat}}</p>

<h2 id="see_also">Voir aussi</h2>

<ul>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Subtraction">Opérateur de soustraction</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Multiplication">Opérateur de multiplication</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Division">Opérateur de division</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Remainder">Opérateur de reste</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Exponentiation">Opérateur d'exponentiation</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Increment">Opérateur d'incrémentation</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Decrement">Opérateur de décrémentation</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Unary_negation">Opérateur de négation unaire</a></li>
  <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Unary_plus">Opérateur plus unaire</a></li>
</ul>