JavaScript operadores se utilizan para asignar valores, comparar valores, realizar operaciones aritméticas, y mucho más.
Los operadores aritméticos de JavaScript
Los operadores aritméticos se utilizan para realizar operaciones aritméticas entre las variables y / o valores.
Teniendo en cuenta que y = 5 , la siguiente tabla se explican los operadores aritméticos:
Operador | Descripción | Ejemplo | El resultado en y | El resultado de x | Intentalo |
---|---|---|---|---|---|
+ | Adición | x = y + 2 | y = 5 | x = 7 | Intentalo " |
- | Sustracción | x = y - 2 | y = 5 | x = 3 | Intentalo " |
* | Multiplicación | x = y * 2 | y = 5 | x = 10 | Intentalo " |
/ | División | x = y / 2 | y = 5 | x = 2,5 | Intentalo " |
% | Módulo (division remainder) | x =% 2 y | y = 5 | x = 1 | Intentalo " |
++ | Incremento | x = ++ y | y = 6 | x = 6 | Intentalo " |
x = y ++ | y = 6 | x = 5 | Intentalo " | ||
- | Decremento | x = --y | y = 4 | x = 4 | Intentalo " |
x = Y- | y = 4 | x = 5 | Intentalo " |
Para ver un tutorial sobre los operadores aritméticos, lea nuestra aritmética Tutorial de JavaScript .
Operadores de asignación de JavaScript
Los operadores de asignación se utilizan para asignar valores a las variables de JavaScript.
Dado que x = 10 y y = 5 , la tabla de abajo se explican los operadores de asignación:
Operador | Ejemplo | Igual que | El resultado de x | Intentalo |
---|---|---|---|---|
= | x = y | x = y | x = 5 | Intentalo " |
+ = | x + = y | x = x + y | x = 15 | Intentalo " |
- = | x - = y | x = x - y | x = 5 | Intentalo " |
* = | x * = y | x = x * y | x = 50 | Intentalo " |
/ = | x / = y | x = x / y | x = 2 | Intentalo " |
% = | x% = y | x = x% y | x = 0 | Intentalo " |
Para ver un tutorial sobre los operadores de asignación, lea nuestra Asignación Javascript Tutorial .
Operadores de cadenas de JavaScript
El operador +, y el operador + = también se pueden utilizar para concatenar (add) cuerdas.
Teniendo en cuenta que text1 = "Good " , text2 = "Morning" , y text3 = "" , la siguiente tabla se explican los operadores:
Operador | Ejemplo | Texto 1 | texto2 | text3 | Intentalo |
---|---|---|---|---|---|
+ | text3 = Texto1 + texto2 | "Bueno " | "Mañana" | "Buenos días" | Intentalo " |
+ = | Texto1 + = texto2 | "Buenos días" | "Mañana" | "" | Intentalo " |
Operadores de comparación
Los operadores de comparación se utilizan en los estados lógicos para determinar la igualdad o la diferencia entre las variables o valores.
Teniendo en cuenta que x = 5 , la siguiente tabla se explican los operadores de comparación:
Operador | Descripción | comparando | Devoluciones | Intentalo |
---|---|---|---|---|
== | igual a | x == 8 | falso | Intentalo " |
x == 5 | cierto | Intentalo " | ||
=== | igual valor y igual tipo | x === "5" | falso | Intentalo " |
x === 5 | cierto | Intentalo " | ||
! = | no es igual | x! = 8 | cierto | Intentalo " |
! == | no igual valor o no igual tipo | x! == "5" | cierto | Intentalo " |
x! == 5 | falso | Intentalo " | ||
> | mas grande que | x> 8 | falso | Intentalo " |
< | menos que | x <8 | cierto | Intentalo " |
> = | Mayor qué o igual a | x> = 8 | falso | Intentalo " |
<= | Menos que o igual a | x <= 8 | cierto | Intentalo " |
Para ver un tutorial sobre los operadores de comparación, leer nuestras comparaciones de JavaScript Tutorial .
Condicional (Ternary) Operador
El operador condicional asigna un valor a una variable en función de una condición.
Sintaxis | Ejemplo | Intentalo |
---|---|---|
variableName = ( condition ) ? valor1: valor2 | voteable = (age < 18) ? "Too young" : "La suficiente"; | Intentalo " |
Ejemplo explicó: Si la variable "age" es un valor por debajo de 18, el valor de la variable "voteable" será "Too young" , de lo contrario el valor de voteable será "Old enough" .
Operadores logicos
Los operadores lógicos se utilizan para determinar la lógica entre las variables o valores.
Dado que x = 6 and y = 3 , la tabla de abajo se explican los operadores lógicos:
Operador | Descripción | Ejemplo | Intentalo |
---|---|---|---|
&& | y | (x < 10 && y > 1) es verdad | Intentalo " |
|| | o | (X === 5 || y === 5) es falsa | Intentalo " |
! | no | !(x === y) es verdadera | Intentalo " |
Los operadores bit a bit de JavaScript
operadores de bits funcionan en 32 bits de los números. Cualquier operando numérico en la operación se convierte en un número de 32 bits. El resultado se convierte de nuevo a una serie de JavaScript.
Operador | Descripción | Ejemplo | Igual que | Resultado | Decimal |
---|---|---|---|---|---|
y | Y | x = 5 y 1 | 0101 y 0001 | 0001 | 1 |
| | O | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | NO | x = ~ 5 | ~ 0101 | 1010 | 10 |
^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | Shift izquierdo | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | Giro a la derecha | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Los ejemplos anteriores utiliza 4 bits ejemplos sin signo. Pero JavaScript utiliza números con signo de 32 bits.
Debido a esto, en JavaScript, ~ 5 no retornará 10. Se volverá -6.
~ 00000000000000000000000000000101 volverá 11111111111111111111111111111010
El operador typeof
El operador typeof devuelve el tipo de una variable, objeto, función o expresión:
Ejemplo
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Inténtalo tú mismo " Tenga en cuenta:
- El tipo de datos de NaN es el número
- El tipo de datos de una matriz es objeto
- El tipo de datos de una fecha es objeto
- El tipo de datos de objeto nulo es
- El tipo de datos de una variable no definida es indefinido
No se puede utilizar typeof para definir si un objeto JavaScript es un array (or a date) .
El operador delete
El operador delete elimina una propiedad de un objeto:
Ejemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age; // or delete person["age"];
Inténtalo tú mismo " El operador delete elimina tanto el valor de la propiedad y la propiedad en sí.
Tras la eliminación, la propiedad no puede ser utilizado antes de que se vuelve a añadir de nuevo.
El operador de eliminación está diseñado para ser utilizado en las propiedades del objeto. No tiene ningún efecto sobre las variables o funciones.
Nota: El operador de eliminación no debe ser utilizado en predefinidas las propiedades del objeto de JavaScript. Se puede bloquear su aplicación.
El operador in
El operador in devuelve verdadero si la propiedad especificada está en el objeto especificado, de lo contrario falsa:
Ejemplo
// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars //
Returns false (specify the index number instead of value)
0 in cars //
Returns true
1 in cars //
Returns true
4 in cars //
Returns false (does not exist)
"length" in cars //
Returns true (length is an Array property)
// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in
person // Returns true
"age" in person
// Returns true
// Predefined objects
"PI" in Math
// Returns true
"NaN" in Number //
Returns true
"length" in String // Returns true
Inténtalo tú mismo " El operador instanceof
El operador instanceof devuelve verdadero si el objeto especificado es una instancia del objeto especificado:
Ejemplo
var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;
// Returns true
cars instanceof Object; // Returns true
cars instanceof String;
// Returns false
cars instanceof Number; // Returns false
Inténtalo tú mismo " El operador void
El operador void evalúa una expresión y devuelve undefined. Este operador se utiliza a menudo para obtener el valor primitivo sin definir, el uso de " void(0) " (útil al evaluar una expresión sin utilizar el valor de retorno).
Ejemplo
<a href="javascript:void(0);">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click
me to change the background color of body to red
</a>
Inténtalo tú mismo "