---
title: Присвоєння з додаванням (+=)
slug: Web/JavaScript/Reference/Operators/Addition_assignment
tags:
  - JavaScript
  - Довідка
  - Оператор
  - Оператор присвоєння
translation_of: Web/JavaScript/Reference/Operators/Addition_assignment
---
<div>{{jsSidebar("Operators")}}</div>

<p>Оператор присвоєння з додаванням (<code>+=</code>) додає значення правого операнда до змінної та присвоює результат цій змінній. Типи двох операндів визначають поведінку оператора присвоєння з додаванням. Можливе або додавання, або об'єднання.</p>

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

<div></div>



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

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

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

<h3 id="Використання_додавання_з_присвоєнням">Використання додавання з присвоєнням</h3>

<pre class="brush: js notranslate">// Розглянемо такі змінні
//  foo = 'foo'
//  bar = 5
//  baz = true

// Число + Число -&gt; додавання
bar += 2 // 7

// Булеве значення + Число -&gt; додавання
baz += 1 // 2

// Булеве значення + Булеве значення -&gt; додавання
baz += false // 1

// Число + Рядок -&gt; об'єднання
bar += 'foo' // "5foo"

// Рядок + Булеве значення -&gt; об'єднання
foo += false // "foofalse"

// Рядок + Рядок -&gt; об'єднання
foo += 'bar' // "foobar"</pre>

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

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

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



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

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

<ul>
 <li><a href="/uk/docs/Web/JavaScript/Guide/Вирази_та_оператори#Оператори_присвоєння">Оператори присвоєння у посібнику JS</a></li>
 <li><a href="/uk/docs/Web/JavaScript/Reference/Operators/Addition">Оператор додавання</a></li>
</ul>