---
title: Додавання (+)
slug: Web/JavaScript/Reference/Operators/Addition
tags:
  - JavaScript
  - Довідка
  - Оператор
translation_of: Web/JavaScript/Reference/Operators/Addition
---
<div>{{jsSidebar("Operators")}}</div>

<p>Оператор додавання (<code>+</code>) повертає суму числових операндів або об'єднання рядків.</p>

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

<div></div>



<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox notranslate"><strong>Оператор:</strong> <var>x</var> + <var>y</var>
</pre>

<h2 id="Приклади">Приклади</h2>

<h3 id="Додавання_чисел">Додавання чисел</h3>

<pre class="brush: js notranslate">// Number + Number -&gt; додавання
1 + 2 // 3

// Boolean + Number -&gt; додавання
true + 1 // 2

// Boolean + Boolean -&gt; додавання
false + false // 0
</pre>

<h3 id="Обєднання_рядків">Об'єднання рядків</h3>

<pre class="brush: js notranslate">// String + String -&gt; об'єднання
'бал' + 'кон' // "балкон"

// Number + String -&gt; об'єднання
5 + 'кон' // "5кон"

// String + Boolean -&gt; об'єднання
'бал' + false // "балfalse"</pre>

<h2 id="Специфікації">Специфікації</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Специфікація</th>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-addition-operator-plus', 'Addition operator')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Сумісність_з_веб-переглядачами">Сумісність з веб-переглядачами</h2>



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

<h2 id="Див._також">Див. також</h2>

<ul>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Subtraction">Оператор віднімання</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Division">Оператор ділення</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Multiplication">Оператор множення</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Remainder">Оператор остачі</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Exponentiation">Оператор піднесення до степеня</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Increment">Оператор інкременту</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Decrement">Оператор декременту</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Unary_negation">Унарний мінус</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Unary_plus">Унарний плюс</a></li>
</ul>