Los últimos tutoriales de desarrollo web
 

JavaScript Los operadores de referencia


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 "