Gli ultimi tutorial di sviluppo web
 

JavaScript Gli operatori di riferimento


JavaScript operatori sono utilizzati per assegnare valori, confrontare i valori, eseguire operazioni aritmetiche, e altro ancora.


JavaScript Operatori aritmetici

operatori aritmetici vengono utilizzati per eseguire operazioni aritmetiche tra variabili e / o valori.

Dato che y = 5 , la tabella seguente illustra gli operatori aritmetici:

Operatore Descrizione Esempio Risultato y Risultato in x Provalo
+ aggiunta x = y + 2 y = 5 x = 7 Provalo "
- Sottrazione x = y - 2 y = 5 x = 3 Provalo "
* Moltiplicazione x = y * 2 y = 5 x = 10 Provalo "
/ Divisione x = y / 2 y = 5 x = 2.5 Provalo "
% Modulo (division remainder) x = y 2% y = 5 x = 1 Provalo "
++ Incremento x = y ++ y = 6 x = 6 Provalo "
x = y ++ y = 6 x = 5 Provalo "
- diminuzione x = --y y = 4 x = 4 Provalo "
x = y-- y = 4 x = 5 Provalo "

Per un tutorial su operatori aritmetici, leggere la nostra JavaScript aritmetica Tutorial .


JavaScript Operatori di assegnazione

operatori di assegnazione vengono utilizzate per assegnare valori alle variabili JavaScript.

Dato che x = 10 e y = 5 , la tabella seguente illustra operatori di assegnamento:

Operatore Esempio Uguale a Risultato in x Provalo
= x = y x = y x = 5 Provalo "
+ = x + y = x = x + y x = 15 Provalo "
- = x - = y x = x - y x = 5 Provalo "
* = x * = y x = x * y x = 50 Provalo "
/ = x / y = x = x / y x = 2 Provalo "
% = x = y% x = x% y x = 0 Provalo "

Per un tutorial su operatori di assegnazione, leggere la nostra Assegnazione JavaScript Tutorial .


JavaScript Operatori di stringa

L'operatore +, e l'operatore + = può essere utilizzato anche per concatenare (add) le stringhe.

Dato che text1 = "Good " , text2 = "Morning" , e Text3 = "" , la tabella che segue illustra gli operatori:

Operatore Esempio text1 TEXT2 text3 Provalo
+ Text3 = text1 + text2 "Buona " "Mattina" "Buongiorno" Provalo "
+ = text1 = + text2 "Buongiorno" "Mattina" "" Provalo "

Operatori di confronto

Gli operatori di confronto sono utilizzati in istruzioni logiche per determinare l'uguaglianza o differenza tra variabili o valori.

Dato che x = 5 , la tabella che segue illustra gli operatori di confronto:

Operatore Descrizione confrontando Restituisce Provalo
== uguale a x == 8 falso Provalo "
x == 5 vero Provalo "
=== pari valore e uguale tipo x === "5" falso Provalo "
x === 5 vero Provalo "
! = non uguale x! = 8 vero Provalo "
! == non valore uguale o diverso tipo x! == "5" vero Provalo "
x! == 5 falso Provalo "
> più grande di x> 8 falso Provalo "
< meno di x <8 vero Provalo "
> = maggiore o uguale a x> = 8 falso Provalo "
<= minore o uguale a x <= 8 vero Provalo "

Per un tutorial su operatori di confronto, leggere i nostri confronti JavaScript Tutorial .


Condizionale (Ternary) Operatore

L'operatore condizionale assegna un valore a una variabile basata su una condizione.

Sintassi Esempio Provalo
nomevariabile = ( condition ) ? valore1: valore2 voteable = (age < 18) ? "Too young" : "abbastanza vecchio"; Provalo "

Esempio spiegato: Se la variabile "age" è un valore inferiore a 18, il valore della variabile "voteable" sarà "Too young" , altrimenti il valore di voteable sarà "Old enough" .


Operatori logici

operatori logici vengono utilizzati per determinare la logica tra variabili o valori.

Dato che x = 6 and y = 3 , la tabella seguente illustra gli operatori logici:

Operatore Descrizione Esempio Provalo
&& e (x < 10 && y > 1) è vero Provalo "
|| o (X === 5 || y === 5) è falsa Provalo "
! non !(x === y) è vero Provalo "

JavaScript Operatori bit a bit

operatori bit funzionano su 32 numeri bit. Qualsiasi operando numerico nel funzionamento viene convertito in un numero a 32 bit. Il risultato viene riconvertito in un numero JavaScript.

Operatore Descrizione Esempio Uguale a Risultato Decimale
& E x = 5 & 1 0101 & 0001 0001 1
| O x = 5 | 1 0101 | 0001 0101 5
~ NON x = ~ 5 ~ 0101 1010 10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100 4
<< Tasto maiuscolo di sinistra x = 5 << 1 0101 << 1 1010 10
>> spostamento a destra x = 5 >> 1 0101 >> 1 0010 2

Gli esempi sopra utilizza 4 bit senza segno esempi. Ma JavaScript utilizza i numeri con segno a 32 bit.

A causa di questo, in JavaScript, ~ 5 non restituirà 10. Si tornerà -6.

~ 00000000000000000000000000000101 tornerà 11111111111111111111111111111010


L'operatore typeof

L'operatore typeof restituisce il tipo di una variabile, un oggetto, la funzione o l'espressione:

Esempio

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
Prova tu stesso "

Si prega di osservare:

  • Il tipo di dati di NaN è il numero
  • Il tipo di dati di un array è oggetto
  • Il tipo di dati di una data è oggetto
  • Il tipo di dati è nullo dell'oggetto
  • Il tipo di dati di una variabile indefinita è indefinito

Non è possibile utilizzare typeof per definire se un oggetto JavaScript è un array (or a date) .


L'operatore delete

L'operatore delete elimina una proprietà da un oggetto:

Esempio

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
Prova tu stesso "

L'operatore delete cancella sia il valore della proprietà e la struttura in sé.

Dopo la cancellazione, la proprietà non può essere utilizzato prima di essere aggiunto di nuovo indietro.

L'operatore delete è progettato per essere utilizzato su proprietà dell'oggetto. Non ha alcun effetto sulle variabili o funzioni.

Nota: L'operatore delete non deve essere utilizzato su predefiniti proprietà degli oggetti JavaScript. Si può andare in crash l'applicazione.


L'operatore in

L'operatore in ritorna vero se la proprietà specificata è in oggetto specificato, altrimenti false:

Esempio

// 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
Prova tu stesso "

L'operatore instanceof

L'operatore instanceof restituisce true se l'oggetto specificato è un'istanza dell'oggetto specificato:

Esempio

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
Prova tu stesso "

L'operatore void

L'operatore void valuta un'espressione e restituisce indefinito. Questo operatore è spesso usato per ottenere il valore di base indefinito, utilizzando " void(0) " (utile quando si valuta un'espressione senza utilizzare il valore di ritorno).

Esempio

<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>
Prova tu stesso "