Precedencia de operadores de JavaScript

Tabla de contenido

    Mostrar tabla de contenidos

La precedencia del operador describe el orden en el que se realizan las operaciones en una expresión aritmética.

La multiplicación (*) y la división (/) tienen mayor precedencia que suma (+) y resta (-).

Como en las matemáticas tradicionales, primero se hace la multiplicación:

let x = 100 + 50 * 3;

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 100 + 50 * 3;
</script>

</body>
</html>

Cuando se utilizan paréntesis, las operaciones dentro de los paréntesis se calculan primero:

let x = (100 + 50) * 3;

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>
<p>But parenthesis has precedence over multiplication.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (100 + 50) * 3;
</script>

</body>
</html>

Las operaciones con la misma precedencia (como * y /) se calculan de izquierda a derecha:

let x = 100 / 50 * 3;

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>When many operations has the same precedence, they are computed from left to right.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 100 / 50 * 3;
</script>

</body>
</html>

Valores de precedencia del operador

Las expresiones entre paréntesis se calculan antes del resto de la expresión.

La función se ejecuta antes de que el resultado se utilice en el resto de la expresión.

( )

Prioridad: 18

Agrupación de expresiones

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>
<p>But parenthesis has precedence over multiplication.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (100 + 50) * 3;
</script>

</body>
</html>

Ejemplo :

(100 + 50) * 3
.

Prioridad: 17

Miembro de

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The . Operator</h2>

<p>Car name is:</p>
<p id="demo"></p>

<script>
const car = {type:"Fiat", model:"500", color:"white"};
document.getElementById("demo").innerHTML = car.type;
</script>

</body>
</html>

Ejemplo :

person.name
[]

Prioridad: 17

Miembro de

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The [] Operator</h2>

<p>Car name is:</p>
<p id="demo"></p>

<script>
const car = {type:"Fiat", model:"500", color:"white"};
document.getElementById("demo").innerHTML = car["type"];
</script>

</body>
</html>

Ejemplo :

person["name"]
?.

Prioridad: 17

Encadenamiento opcional

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The ?. Operator</h2>
<p>The ?. operator returns undefined if an object is undefined or null (instead of throwing an error).</p>

<p>Car name is:</p>
<p id="demo"></p>

<script>
const car = {type:"Fiat", model:"500", color:"white"};
let name = car?.name;
document.getElementById("demo").innerHTML = name;
</script>

</body>
</html>

Ejemplo :

x ?. y

Prioridad:

Ejemplo :

()
Prioridad: 17
Llamada de función
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>

<p>Call a function which performs a calculation and returns the result:</p>

<p id="demo"></p>

<script>
function myFunction(p1, p2) {
  return p1 * p2;
}

let result = myFunction(4, 3);
document.getElementById("demo").innerHTML = result;
</script>

</body>
</html>

Ejemplo :
myFunction()
new
Prioridad: 17
nuevo con argumentos
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript new Date()</h1>
<p>A Date object can be created with a specified date and time:</p>

<p id="demo"></p>

<script>
const d = new Date("June 5, 2022");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Ejemplo :
new Date("June 5,2022")
new
Prioridad: 16
nuevo sin argumentos
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>new Date() without arguments, creates a date object with the current date and time:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Ejemplo :
new Date()
Operadores incrementales
Los incrementos de postfijo se ejecutan antes de los incrementos de prefijo
++
Prioridad: 15
Incremento de sufijo
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>

<p>In this example, y is incremented after it is assigned to x (post-incremented).</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var y = 5;
var x = y++;
document.getElementById("demo1").innerHTML = y;
document.getElementById("demo2").innerHTML = x;
</script>

</body>
</html>

Ejemplo :
i++
--
Prioridad: 15
Decremento de sufijo
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>

<p>In this example, y is decremented after it is assigned to x (post-decremented).</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var y = 5;
var x = y--;
document.getElementById("demo1").innerHTML = y;
document.getElementById("demo2").innerHTML = x;
</script>



</body>
</html>

Ejemplo :
i--
++
Prioridad: 14
Incremento de prefijo
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>

<p>In this example, y is incremented before it is assigned to x (pre-incremented).</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var y = 5;
var x = ++y;
document.getElementById("demo1").innerHTML = y;
document.getElementById("demo2").innerHTML = x;
</script>

</body>
</html>

Ejemplo :
++i
--
Prioridad: 14
Decremento de prefijo
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>

<p>In this example, y is decremented before it is assigned to x (pre-decremented).</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var y = 5;
var x = --y;
document.getElementById("demo1").innerHTML = y;
document.getElementById("demo2").innerHTML = x;
</script>

</body>
</html>

Ejemplo :
--i
NO operadores
!
Prioridad: 14
NO lógico
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The ! Operator</h2>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
document.getElementById("demo1").innerHTML = (5 == 8);
document.getElementById("demo2").innerHTML = !(5 == 8);
</script>

</body>
</html>

Ejemplo :
!(x==y)
~
Prioridad: 14
Bit a bit NO
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Bitwise NOT</h1>
<h2>The ~ Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = ~ 5;
</script>

</body>
</html>

Ejemplo :
~x
Operadores unarios
+
Prioridad: 14
Unario Plus
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>Unary Plus</h2>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = +x;
</script>

</body>
</html>

Ejemplo :
+x
-
Prioridad: 14
menos unario
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>Unary Minus</h2>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = -x;
</script>

</body>
</html>

Ejemplo :
-x
typeof
Prioridad: 14
Tipo de datos
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The typeof Operator</h2>

<p>The typeof operator returns the type of a variable, object, function or expression:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"'John' is " + typeof "John" + "<br>" +
"3.14 is " + typeof 3.14 + "<br>" +
"NaN is " + typeof NaN + "<br>" +
"false is " + typeof false + "<br>" +
"[1, 2, 3, 4] is " + typeof [1, 2, 3, 4] + "<br>" +
"{name:'John', age:34} is " + typeof {name:'John', age:34} + "<br>" +
"new Date() is " + typeof new Date() + "<br>" +
"function () {} is " + typeof function () {} + "<br>" +
"myCar is " + typeof myCar + "<br>" +
"null is " + typeof null;
</script>

</body>
</html>

Ejemplo :
typeof x
void
Prioridad: 14
Evaluar vacío
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The void Operator</h2>

<p>
<a href="javascript:void(0);">Useless link</a>
</p>

<p>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click me to change the background color of body to red.</a>
</p>

</body>
</html>

Ejemplo :
void(0)
delete
Prioridad: 14
Eliminar propiedad
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The delete Operator</h2>

<p>After deleting the color property, myCar.color is:</p>
<p id="demo"></p>

<script>
const myCar = {type:"Fiat", model:"500", color:"white"};
delete myCar.color;

document.getElementById("demo").innerHTML = myCar.color;
</script>

</body>
</html>

Ejemplo :
delete myCar.color
Operadores aritméticos
Las exponenciaciones se ejecutan antes de las multiplicaciones.
Las multiplicaciones y divisiones se ejecutan antes de las sumas y restas.
**
Prioridad: 13
exponenciación
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The ** Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = x ** 2;
</script>

</body>
</html>

Ejemplo :
10 ** 2
*
Prioridad: 12
Multiplicación
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Ejemplo :
10 * 5
/
Prioridad: 12
División
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The / Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x / y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Ejemplo :
10 / 5
%
Prioridad: 12
Resto de la división
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The % Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x % y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Ejemplo :
10 % 5
+
Prioridad: 11
Suma
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Ejemplo :
10 + 5
-
Prioridad: 11
Sustracción
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The - Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x - y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Ejemplo :
10 - 5
+
Prioridad: 11
Concatenación
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
document.getElementById("demo").innerHTML = text3;
</script>

</body>
</html>

Ejemplo :
"John" + "Doe"
Operadores de turno
<<
Prioridad: 10
Desplazamiento a la izquierda
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Bitwise Left</h1>
<h2>The &lt;&lt; Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 << 1;
</script>

</body>
</html>

Ejemplo :
x << 2
>>
Prioridad: 10
Mayús a la derecha (firmado)
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Signed Bitwise Right</h1>
<h2>The &gt;&gt; Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = -5 >> 1;
</script>

</body>
</html>

Ejemplo :
x >> 2
>>>
Prioridad: 10
Mayús a la derecha (sin firmar)
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Unsigned Bitwise Right</h1>
<h2>The &gt;&gt;&gt; Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 >>> 1;
</script>

</body>
</html>

Ejemplo :
x >>> 2
Operadores relacionales
in
Prioridad: 9
Propiedad en objeto
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The in Operator</h2>

<p>Is "PI" a property of Math?</p>
<p id="demo"></p>

<script>
// Create an object:
document.getElementById("demo").innerHTML = "PI" in Math;
</script>

</body>
</html>

Ejemplo :
"PI" in Math
instanceof
Prioridad: 9
Instancia de objeto
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The instanceof Operator</h2>

<p>The instanceof operator returns true if an object is an instance of a specified object:</p>

<p id="demo"></p>

<script> 
const cars = ["Saab", "Volvo", "BMW"];

document.getElementById("demo").innerHTML =
(cars instanceof Array) + "<br>" + 
(cars instanceof Object) + "<br>" +
(cars instanceof String) + "<br>" +
(cars instanceof Number);
</script>

</body>
</html>

Ejemplo :
x instanceof Array
Operadores de comparación
<
Prioridad: 9
Menos que
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The &lt; Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x &lt; 8).</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x < 8);
</script>

</body>
</html>

Ejemplo :
x < y 
<=
Prioridad: 9
Menor o igual
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The &lt;= Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x &lt;= 8).</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x <= 8);
</script>

</body>
</html>

Ejemplo :
x <= y
>
Prioridad: 9
Mas grande que
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The &gt; Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x &gt; 8).</p>
 
<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x > 8);
</script>

</body>
</html>

Ejemplo :
x > y
>=
Prioridad: 9
Mayor que o igual
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The &gt;= Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x &gt;= 8).</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x >= 8);
</script>

</body>
</html>

Ejemplo :
x >= Array
==
Prioridad: 8
Igual
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The == Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x == 8):</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x == 8);
</script>

</body>
</html>

Ejemplo :
x == y
===
Prioridad: 8
igualdad estricta
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The === Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x === 5):</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x === 5);
</script>

</body>
</html>

Ejemplo :
x === y
!=
Prioridad: 8
Desigual
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The != Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x != 8).</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x != 8);
</script>

</body>
</html>

Ejemplo :
x != y
!==
Prioridad: 8
Estrictamente desigual
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The !== Operator</h2>

<p>Assign 5 to x, and display the value of the comparison (x !== "5"):</p>

<p id="demo"></p>

<script>
let x = 5;
document.getElementById("demo").innerHTML = (x !== "5");
</script>

</body>
</html>

Ejemplo :
x !== y
Operadores bit a bit
&
Prioridad: 7
Bit a bit Y
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Bitwise AND</h1>
<h2>The &amp; Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 & 1;
</script>

</body>
</html> 

Ejemplo :
x & y
^
Prioridad: 6
XOR bit a bit
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Bitwise XOR</h1>
<h2>The ^ Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 ^ 1;
</script>

</body>
</html>

Ejemplo :
x ^ y
|
Prioridad: 5
O bit a bit
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Bitwise OR</h1>
<h2>The | Operator</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 | 1;
</script>

</body>
</html>

Ejemplo :
x | y
Operadores logicos
&&
Prioridad: 4
Y lógico
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The && Operator (Logical AND)</h2>
<p>The && operator returns true if both expressions are true, otherwise it returns false.</p>

<p id="demo"></p>

<script>
let x = 6;
let y = 3;

document.getElementById("demo").innerHTML = 
(x < 10 && y > 1) + "<br>" + 
(x < 10 && y < 1);
</script>

</body>
</html>

Ejemplo :
x && y
||
Prioridad: 3
O lógico
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The || Operator (Logical OR)</h2>
<p>The || returns true if one or both expressions are true, otherwise it returns false.</p>

<p id="demo"></p>

<script>
let x = 6;
let y = 3;

document.getElementById("demo").innerHTML = 
(x == 5 || y == 5) + "<br>" + 
(x == 6 || y == 0) + "<br>" + 
(x == 0 || y == 3) + "<br>" + 
(x == 6 || y == 3);
</script>

</body>
</html>

Ejemplo :
x || y
??
Prioridad: 3
Coalescencia nula
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The ?? Operator</h2>
<p>The ?? operator returns the first argument if it is not nullish (null or undefined). Otherwise it returns the second.</p>

<p id="demo"></p>

<script>
let name = null;
let text = "missing";
let result = name ?? text;
document.getElementById("demo").innerHTML = "The name is " + result; 
</script>

</body>
</html>



Ejemplo :
x ?? y
Operador condicional (ternario)
? :
Prioridad: 2
Condición
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The () ? : Ternary Operator</h2>

<p>Input your age and click the button:</p>

<input id="age" value="18" />

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  let age = document.getElementById("age").value;
  let voteable = (age < 18) ? "Too young":"Old enough";
  document.getElementById("demo").innerHTML = voteable + " to vote.";
}
</script>

</body>
</html>

Ejemplo :
? "yes" : "no"
Operadores de Asignación
Las asignaciones se ejecutan después de otras operaciones.
=
Prioridad: 2
Asignación sencilla
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Simple Assignment</h2>
<h3>The = Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x = y
:
Prioridad: 2
Asignación de dos puntos
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Objects</h1>
<h2>The : Operator</h2>

<p id="demo"></p>

<script>
const size = {x: 5, y: 10, z: 1};

document.getElementById("demo").innerHTML = "The width is "  + size.x;
</script>

</body>
</html>

Ejemplo :
x: 5
+=
Prioridad: 2
Tarea de suma
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Addition Assignment</h2>
<h3>The += Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x += 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x += y
-=
Prioridad: 2
Tarea de resta
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Subtraction Assignment</h2>
<h3>The -= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x -= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x -= y
*=
Prioridad: 2
Tarea de multiplicación
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Multiplication Assignment</h2>
<h3>The *= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x *= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x *= y
**=
Prioridad: 2
Tarea de exponenciación
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Exponentiation Assignment</h2>
<h3>The **= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x **= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x **= y
/=
Prioridad: 2
Asignación de división
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Division Assignment</h2>
<h3>The /= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x /= 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Ejemplo :
x /= y
%=
Prioridad: 2
Asignación restante
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Remainder Assignment</h2>
<h3>The %= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x %= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x %= y
<<=
Prioridad: 2
Asignación de desplazamiento a la izquierda
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Left Shift Assignment</h2>
<h3>The &lt;&lt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x <<= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x <<= y
>>=
Prioridad: 2
Asignación de desplazamiento a la derecha
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x >>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x >>= y
>>>=
Prioridad: 2
Desplazamiento a la derecha sin firmar
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;&gt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x >>>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x >>>= y
&=
Prioridad: 2
Asignación AND bit a bit
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise AND Assignment</h2>
<h3>The &amp;= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x &= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x &= y
|=
Prioridad: 2
Asignación OR bit a bit
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise OR Assignment</h2>
<h3>The |= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x |= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x |= y
^=
Prioridad: 2
Asignación XOR bit a bit
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise XOR Assignment</h2>
<h3>The ^= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x ^= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x ^= y
&&=
Prioridad: 2
Asignación lógica Y
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical AND Assignment</h2>
<h3>The &amp;&amp;= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x &&= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x &&= y
||=
Prioridad: 2
Asignación lógica O
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical OR Assignment</h2>
<h3>The ||= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x ||= 4;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Ejemplo :
x ||= y
=>
Prioridad: 2
Flecha
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Functions</h1>
<h2>The Arrow Function</h2>

<p>This example shows an Arrow Function with a parameter.</p>

<p id="demo"></p>

<script>
let hello = "";

hello = (val) => "Hello " + val;

document.getElementById("demo").innerHTML = hello("Universe!");
</script>

</body>
</html>

Ejemplo :
x => y
yield
Prioridad: 2
Pausar/Reanudar
Ejemplo :
yield x
yield*
Prioridad: 2
Delegar
Ejemplo :
yield* x
...
Prioridad: 2
Desparramar
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Operators</h1>
<h2>The ... Operator</h2>
<p>The "Spread" operator can be used to expand an iterable into more arguments for function calls:</p>

<p id="demo"></p>

<script>
const numbers = [23,55,21,87,56];
let maxValue = Math.max(...numbers);

document.getElementById("demo").innerHTML = maxValue; 
</script>

</body>
</html>

Ejemplo :
... x
,
Prioridad: 1
Coma
Ejemplo :
x , y