path: root/files/es/conflicting/web/javascript/reference/operators_d3958587a3d3dd644852ad397eb5951b/index.html

---
title: Operadores de asignación
slug: >-
  conflicting/Web/JavaScript/Reference/Operators_d3958587a3d3dd644852ad397eb5951b
tags:
  - JavaScript
  - Operador
translation_of: Web/JavaScript/Reference/Operators#Assignment_operators
translation_of_original: Web/JavaScript/Reference/Operators/Assignment_Operators
original_slug: Web/JavaScript/Referencia/Operadores/Assignment_Operators
---
<div>{{jsSidebar("Operators")}}</div>

<p>Un <strong>operador de asignacion</strong> asigna un valor al operando de la izquierda basado en el valor del operando de la derecha.</p>

<h2 id="Visión_general"><span class="short_text" id="result_box" lang="es"><span>Visión general</span></span></h2>

<p>El operador de asignación basico es el igual (<code>=</code>), el cual asigna el valor del operando derecho al operando izquierdo. Es decir, x = y asigna el valor de y a x. El otro operador de asignacion son usualmente son abreviaciones para operaciones estandar, como se muestra en las siguientes definiciones y ejemplos.</p>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Nombres</th>
   <th>Abreviaciones</th>
   <th>Significado</th>
  </tr>
  <tr>
   <td><a href="#Assignment">Asignación</a></td>
   <td><code>x = y</code></td>
   <td><code>x = y</code></td>
  </tr>
  <tr>
   <td><a href="#Addition_assignment">Asignación de adición</a></td>
   <td><code>x += y</code></td>
   <td><code>x = x + y</code></td>
  </tr>
  <tr>
   <td><a href="#Subtraction_assignment">Asignación de sustracción</a></td>
   <td><code>x -= y</code></td>
   <td><code>x = x - y</code></td>
  </tr>
  <tr>
   <td><a href="#Subtraction_assignment">Asignación de multiplicación</a></td>
   <td><code>x *= y</code></td>
   <td><code>x = x * y</code></td>
  </tr>
  <tr>
   <td><a href="#Subtraction_assignment">Asignación de división</a></td>
   <td><code>x /= y</code></td>
   <td><code>x = x / y</code></td>
  </tr>
  <tr>
   <td><a href="#Remainder_assignment">Asignación de Resto</a></td>
   <td><code>x %= y</code></td>
   <td><code>x = x % y</code></td>
  </tr>
  <tr>
   <td><a href="#Exponentiation_assignment">Asignación de exponenciación</a></td>
   <td><code>x **= y</code></td>
   <td><code>x = x ** y</code></td>
  </tr>
  <tr>
   <td><a href="#Left_shift_assignment">Asignación de desplazamiento a la izquierda</a></td>
   <td><code>x &lt;&lt;= y</code></td>
   <td><code>x = x &lt;&lt; y</code></td>
  </tr>
  <tr>
   <td><a href="#Left_shift_assignment">Asignación de desplazamiento a la derecha</a></td>
   <td><code>x &gt;&gt;= y</code></td>
   <td><code>x = x &gt;&gt; y</code></td>
  </tr>
  <tr>
   <td><a href="#Unsigned_right_shift_assignment">Asignación sin signo de desplazamiento a la derecha</a></td>
   <td><code>x &gt;&gt;&gt;= y</code></td>
   <td><code>x = x &gt;&gt;&gt; y</code></td>
  </tr>
  <tr>
   <td><a href="#Bitwise_AND_assignment">Asignacion AND</a></td>
   <td><code>x &amp;= y</code></td>
   <td><code>x = x &amp; y</code></td>
  </tr>
  <tr>
   <td><a href="#Bitwise_XOR_assignment">Asignacion XOR</a></td>
   <td><code>x ^= y</code></td>
   <td><code>x = x ^ y</code></td>
  </tr>
  <tr>
   <td><a href="#Bitwise_XOR_assignment">Asignacion OR</a></td>
   <td><code>x |= y</code></td>
   <td><code>x = x | y</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Asignación"><a name="Assignment">Asignación</a></h2>

<p>Operador de asignación simple que asigna un valor a una variable. EL operador de asignación evalua al valor asignado. Encadenando el operador de asignación es posible en orden de asignar un solo valor a multiples variables. Vea el ejemplo.</p>

<h3 id="Sintaxis">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x = y
</pre>

<h3 id="Ejemplos">Ejemplos</h3>

<pre class="brush: js notranslate">// Asumiendo las siguientes variables
//  x = 5
//  y = 10
//  z = 25


x = y     // x es 10
x = y = z // x, y, z son todas 25
</pre>

<h2 id="Asignación_de_Adición"><a name="Addition_assignment">Asignación de Adición</a></h2>

<p>El operador de asignación de suma <strong>agrega</strong> el valor del operando derecho a la variable y le asigna el resultado a la variable. Los dos tipos de operandos determinan el comportamiento del operador de asignación de adición. Adición o concatenación es posible. Mira el {{jsxref("Operators/Arithmetic_Operators", "operador de adición", "#Addition", 1)}} para más detalles.</p>

<h3 id="Sintaxis_2">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x += y
<strong>Significado:</strong>  x  = x + y
</pre>

<h3 id="Ejemplos_2">Ejemplos</h3>

<pre class="brush: js notranslate">// Asuma las siguientes variables
//  foo = "foo"
//  bar = 5
//  baz = true


// Number + Number -&gt; Adición
bar += 2 // 7

// Boolean + Number -&gt; Adición
baz += 1 // 2

// Boolean + Boolean -&gt; Adición
baz += false // 1

// Number + String -&gt; concatenación
bar += "foo" // "5foo"

// String + Boolean -&gt; concatenación
foo += false // "foofalse"

// String + String -&gt; concatenación
foo += "bar" // "foobar"
</pre>

<h2 id="Asignación_de_Sustracción"><a name="Subtraction_assignment">Asignación de Sustracción</a></h2>

<p>El operador de asignación de sustracción <strong>sustrae </strong>el valor del operador derecho desde la variable y asigna el resultado a la variable. Mira el {{jsxref("Operators/Arithmetic_Operators", "operador de sustracción", "#Subtraction", 1)}} para mas detalles.</p>



<h4 id="Sintaxis_3">Sintaxis</h4>



<pre class="syntaxbox notranslate"><strong>Operador:</strong> x -= y
<strong>Significado:</strong>  x  = x - y
</pre>

<h4 id="Ejemplos_3">Ejemplos</h4>

<pre class="brush: js notranslate">// Asumiendo las siguientes variables
//  bar = 5

bar -= 2     // 3
bar -= "foo" // NaN
</pre>

<h2 id="Asignación_de_Multiplicación">Asignación de Multiplicación </h2>

<p>El operador de asignación de multiplicación <strong>multiplica </strong>la variable por el valor del operando derecho y asigna el resultado a la variable. Vea el  {{jsxref("Operators/Arithmetic_Operators", "Operador de Multiplicación", "#Multiplication", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_4">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x *= y
<strong>Significado:</strong>  x  = x * y
</pre>

<h3 id="Ejemplos_4">Ejemplos</h3>

<pre class="brush: js notranslate">// Asumiendo la siguiente variable
//  bar = 5

bar *= 2     // 10
bar *= "foo" // NaN
</pre>

<h2 id="Asignación_de_división"><a name="Division_assignment">Asignación de división</a></h2>

<p>El operador de asignación de división <strong>divide </strong>la variable por el valor del operando derecho y asigna el resultado a la variable. Vea el {{jsxref("Operators/Arithmetic_Operators", "operador de división", "#Division", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_5">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x /= y
<strong>Significado:</strong>  x  = x / y
</pre>

<h3 id="Ejemplos_5">Ejemplos</h3>

<pre class="brush: js notranslate">// Asumiendo la siguiente variable
//  bar = 5

bar /= 2     // 2.5
bar /= "foo" // NaN
bar /= 0     // Infinity
</pre>

<h2 id="Asignación_de_resto"><a name="Remainder_assignment">Asignación  de resto</a></h2>

<p>El operador de asignación de resto <strong>divide </strong>la variable por el valor del operador derecho y asigna el <strong>resto </strong>a la variable. Vea el {{jsxref("Operators/Arithmetic_Operators", "Operador de resto", "#Remainder", 1)}} para mas detelles.</p>

<h3 id="Sintaxis_6">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x %= y
<strong>Significado:</strong>  x  = x % y
</pre>

<h3 id="Ejemplos_6">Ejemplos</h3>

<pre class="brush: js notranslate">// Asumiendo la siguiente variable
//  bar = 5

bar %= 2     // 1
bar %= "foo" // NaN
bar %= 0     // NaN
</pre>

<h2 id="Asignación_de_exponenciación"><a id="Exponentiation_assignment" name="Exponentiation_assignment"></a>Asignación de <span id="result_box" lang="es"><span>exponenciación</span></span></h2>

<p>El operador de asignación de exponente evalua el resultado de elevar primero el operando a la <strong>potencia </strong>del segundo operando. Vea el {{jsxref("Operators/Bitwise_Operators", "operador de exponenciación", "#Left_shift", 1)}}para mas detalles</p>

<h3 id="Sintaxis_7">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x **= y
<strong>Significado:</strong>  x  = x ** y
</pre>

<h3 id="Ejemplos_7">Ejemplos</h3>

<pre class="brush: js notranslate">// Asumiendo la siguiente variable
//  bar = 5

bar **= 2     // 25
bar **= "foo" // NaN</pre>

<h2 id="Asignación_de_desplazamiento_a_la_izquierda"><a name="Left_shift_assignment">Asignación de desplazamiento a la izquierda</a></h2>

<p>El operador de asignación de desplazamiento a la izquierda mueve una cantidad especifica de bits a la izquierda y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador de desplazamiento a la izquierda", "#Left_shift", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_8">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x &lt;&lt;= y
<strong>Significado:</strong>  x   = x &lt;&lt; y
</pre>

<h3 id="Ejemplos_8">Ejemplos</h3>

<pre class="brush: js notranslate">var bar = 5; //  (00000000000000000000000000000101)
bar &lt;&lt;= 2; // 20 (00000000000000000000000000010100)
</pre>

<h2 id="Asignación_de_desplazamiento_a_la_derecha"><a name="Right_shift_assignment">Asignación de desplazamiento a la derecha</a></h2>

<p>El operador de asignación de desplazamiento a la derecha mueve una cantidad especifica de bits a la derecha y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador de desplazamiento a la derecha", "#Right_shift", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_9">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x &gt;&gt;= y
<strong>Significado:</strong>  x   = x &gt;&gt; y
</pre>

<h3 id="Ejemplos_9">Ejemplos</h3>

<pre class="brush: js notranslate">var bar = 5; //   (00000000000000000000000000000101)
bar &gt;&gt;= 2;   // 1 (00000000000000000000000000000001)

var bar -5; //    (-00000000000000000000000000000101)
bar &gt;&gt;= 2;  // -2 (-00000000000000000000000000000010)
</pre>

<h2 id="Asignación_sin_signo_de_desplazamiento_a_la_derecha"><a name="Unsigned_right_shift_assignment">Asignación sin signo de desplazamiento a la derecha</a></h2>

<p>El operador de asignación sin signo de desplazamiento a la derecha mueve una cantidad especifica de bits a la derecha y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador sin signo de desplazamiento a la derecha", "#Unsigned_right_shift", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_10">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x &gt;&gt;&gt;= y
<strong>Significado:</strong>  x    = x &gt;&gt;&gt; y
</pre>

<h3 id="Ejemplo">Ejemplo</h3>

<pre class="brush: js notranslate">var bar = 5; //   (00000000000000000000000000000101)
bar &gt;&gt;&gt;= 2;  // 1 (00000000000000000000000000000001)

var bar = -5; // (-00000000000000000000000000000101)
bar &gt;&gt;&gt;= 2; // 1073741822 (00111111111111111111111111111110)</pre>

<h2 id="Asignación_AND"><a name="Bitwise_AND_assignment">Asignación AND</a></h2>

<p>El operador de asignacion AND usa la representación binaria de ambos operandos, hace una operacion AND en ellos y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador AND", "#Bitwise_AND", 1)}} para mas detalles.</p>

<h3 id="Sintaxis_11">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x &amp;= y
<strong>Significado:</strong>  x  = x &amp; y
</pre>

<h3 id="Ejemplo_2">Ejemplo</h3>

<pre class="brush: js notranslate">var bar = 5;
// 5:     00000000000000000000000000000101
// 2:     00000000000000000000000000000010
bar &amp;= 2; // 0
</pre>

<h2 id="Asignación_XOR"><a name="Bitwise_XOR_assignment">Asignación XOR</a></h2>

<p>El operador de asignacion XOR usa la representación binaria de ambos operandos, hace una operacion XOR en ellos y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador XOR", "#Bitwise_XOR", 1)}} para mas detalles</p>

<h3 id="Sintaxis_12">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x ^= y
<strong>Significado:</strong>  x  = x ^ y
</pre>

<h3 id="Ejemplo_3">Ejemplo</h3>

<pre class="brush: js notranslate">var bar = 5;
bar ^= 2; // 7
// 5: 00000000000000000000000000000101
// 2: 00000000000000000000000000000010
// -----------------------------------
// 7: 00000000000000000000000000000111
</pre>

<h2 id="Asignación_OR"><a name="Bitwise_OR_assignment">Asignación OR</a></h2>

<p>El operador de asignacion OR usa la representación binaria de ambos operandos, hace una operacion OR en ellos y asigna el resultado a la variable. Vea el {{jsxref("Operators/Bitwise_Operators", "operador OR", "#Bitwise_XOR", 1)}} para mas detalles</p>

<h3 id="Sintaxis_13">Sintaxis</h3>

<pre class="syntaxbox notranslate"><strong>Operador:</strong> x |= y
<strong>Significado:</strong>  x  = x | y
</pre>

<h3 id="Ejemplo_4">Ejemplo</h3>

<pre class="brush: js notranslate">var bar = 5;
bar |= 2; // 7
// 5: 00000000000000000000000000000101
// 2: 00000000000000000000000000000010
// -----------------------------------
// 7: 00000000000000000000000000000111
</pre>

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

<h3 id="Operador_izquierdo_con_otros_operadores_de_asignación">Operador izquierdo con otros operadores de asignación</h3>

<p>En situaciones inusuales, el operador de asignacion (e.g x += y) no es identico al significado de la expresión (aca x = x + y). Cuando el operando izquierdo de un mismo operador de asignación contiene un operador de asignaciónm el operando izquierdo es evaluado una vez. por ejemplo:</p>

<pre class="brush: js notranslate">a[i++] += 5         // i es evaluado una vez
a[i++] = a[i++] + 5 // i es evaluado dos veces
</pre>

<h2 id="Especificaciones">Especificaciones</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificación</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentario</th>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-assignment-operators', 'Operadores de asignación')}}</td>
   <td>{{Spec2('ESDraft')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('ES6', '#sec-assignment-operators', 'Operadores de asignación')}}</td>
   <td>{{Spec2('ES6')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('ES5.1', '#sec-11.13', 'Operadores de asignación')}}</td>
   <td>{{Spec2('ES5.1')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('ES1', '#sec-11.13', 'Operadores de asignación')}}</td>
   <td>{{Spec2('ES1')}}</td>
   <td>
    <p>Definición inicial</p>
   </td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_de_Navegadores">Compatibilidad de Navegadores</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Soporte basico</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Chrome para Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Soporte basico</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Vea_tambien">Vea tambien</h2>

<ul>
 <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators">Operadores Aritméticos</a></li>
</ul>