Manuale di Referenza Operatore JavaScript
- Pagina precedente Oggetti JS
- Pagina successiva Priorità degli operatori JS
operatori JavaScript JavaScript sono usati per assegnazione, confronto, esecuzione di operazioni aritmetiche, ecc.
per ulteriori informazioni, vedere:
tutorial:Operatori JavaScript
tutorial:Priorità degli Operatori JavaScript
operatori aritmetici JavaScript
Gli operatori aritmetici eseguono operazioni aritmetiche tra variabili e/or valori.
Data y = 5,la tabella seguente spiega gli operatori aritmetici:
Operatore | Descrizione | Esempio | risultato in y | risultato in x | Prova a fare |
---|---|---|---|---|---|
+ | addizione | x = y + 2 | y = 5 | x = 7 | Prova a fare |
- | sottrazione | x = y - 2 | y = 5 | x = 3 | Prova a fare |
* | moltiplicazione | x = y * 2 | y = 5 | x = 10 | Prova a fare |
/ | divisione | x = y / 2 | y = 5 | x = 2.5 | Prova a fare |
% | modulo (rimando) | x = y % 2 | y = 5 | x = 1 | Prova a fare |
++ | incremento | x = ++y | y = 6 | x = 6 | Prova a fare |
x = y++ | y = 6 | x = 5 | Prova a fare | ||
-- | decremento | x = --y | y = 4 | x = 4 | Prova a fare |
x = y-- | y = 4 | x = 5 | Prova a fare |
Per conoscere le conoscenze sugli operatori aritmetici, leggi la nostra tutorial di aritmetica JavaScript.
operatori di assegnazione JavaScript
Gli operatori di assegnazione sono usati per assegnare valori alle variabili JavaScript.
Data x = 10 e y = 5,la tabella seguente spiega gli operatori di assegnazione:
Operatore | Esempio | Equivalente | risultato in x | Prova a fare |
---|---|---|---|---|
= | x = y | x = y | x = 5 | Prova a fare |
+= | x += y | x = x + y | x = 15 | Prova a fare |
-= | x -= y | x = x - y | x = 5 | Prova a fare |
*= | x *= y | x = x * y | x = 50 | Prova a fare |
/= | x /= y | x = x / y | x = 2 | Prova a fare |
%= | x %= y | x = x % y | x = 0 | Prova a fare |
Per conoscere le conoscenze sugli operatori di assegnazione, leggi la nostra tutorial di assegnazione JavaScript.
operatori di stringa JavaScript
l'operatore + e l'operatore += possono essere usati per connettere (aggiungere) stringhe.
Data text1 = "Buongiorno "、text2 = "Buongiorno",e text3 = "",la tabella seguente spiega questo operatore:
Operatore | Esempio | text1 | text2 | text3 | Prova a fare |
---|---|---|---|---|---|
+ | text3 = text1 + text2 | "Buongiorno " | "Buongiorno" | "Buongiorno" | Prova a fare |
+= | text1 += text2 | "Buongiorno" | "Buongiorno" | "" | Prova a fare |
operatori di confronto
Usa gli operatori di confronto nelle espressioni logiche per determinare l'uguaglianza o la differenza tra variabili o valori.
Data x = 5,la tabella seguente spiega gli operatori di confronto:
Operatore | Descrizione | confronta | ritorna | Prova a fare |
---|---|---|---|---|
== | uguale | x == 8 | false | Prova a fare |
x == 5 | true | Prova a fare | ||
=== | valori e tipi uguali | x === "5" | false | Prova a fare |
x === 5 | true | Prova a fare | ||
!= | disuguali | x != 8 | true | Prova a fare |
!== | Valori o tipi diversi | x !== "5" | true | Prova a fare |
x !== 5 | false | Prova a fare | ||
> | Maggiore | x > 8 | false | Prova a fare |
< | Minore | x < 8 | true | Prova a fare |
>= | Maggiore o uguale | x >= 8 | false | Prova a fare |
<= | Minore o uguale | x <= 8 | true | Prova a fare |
Per conoscere le conoscenze sugli operatori di confronto, leggi la nostra Tutorial di confronto JavaScript.
Operatore condizionale (ternario)
L'operatore condizionale assegna un valore alla variabile in base alla condizione.
Sintassi
variablename = (condition) ? value1:value2
Esempio
voteable = (age < 18) ? "Troppo giovane":"Abbastanza vecchio";
Esempio di spiegazione:
Se il valore della variabile "age" è minore di 18, il valore della variabile "voteable" sarà "Troppo giovane", altrimenti, il valore di "voteable" sarà "Abbastanza vecchio".
Operatori logici
Gli operatori logici vengono utilizzati per determinare la logica tra variabili o valori.
Data x = 6 e y = 3La tabella seguente spiega gli operatori logici:
Operatore | Descrizione | Esempio | Prova a fare |
---|---|---|---|
&& | and | (x < 10 && y > 1) è vero | Prova a fare |
|| | or | (x === 5 || y === 5) è falso | Prova a fare |
! | not | !(x === y) è vero | Prova a fare |
Operatori a bit JavaScript
Gli operatori a bit possono gestire numeri a 32 bit. Qualsiasi numero operandi in questa operazione viene convertito in un numero a 32 bit. Il risultato viene convertito indietro in numero JavaScript.
Operatore | Descrizione | Esempio | Equivalente | Risultato | Decimale |
---|---|---|---|---|---|
& | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | NOT | x = ~5 | ~0101 | 1010 | 10 |
^ | XOR | x = 5 ^ 1 | 0101 ^ | 0100 | 4 |
<< | Shift a sinistra | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | Shift a destra | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
L'esempio sopra utilizza un esempio di 4 bit unsigned. Ma JavaScript utilizza numeri a 32 bit con segno.
Quindi, in JavaScript, ~5 non restituisce 10, ma -6.
~00000000000000000000000000000101 restituirà 11111111111111111111111111111010
L'operatore typeof
typeof L'operatore restituisce il tipo di variabile, oggetto, funzione o espressione:
Esempio
typeof "Bill" // Restituisce string typeof 3.14 // Restituisce number typeof NaN // Restituisce number typeof false // Restituisce boolean typeof [1, 2, 3, 4] // Restituisce object typeof {name:'Bill', age:19} // Restituisce object typeof new Date() // Restituisce object typeof function () {} // Restituisce function typeof myCar // Restituisce undefined (se non è stato dichiarato myCar) typeof null // Restituisce object
Attenzione:
- Il tipo di dati di NaN è number
- Il tipo di dati dell'array è object
- Il tipo di dati della data è object
- Il tipo di dati di null è object
- Il tipo di dati di una variabile non definita è undefined
Non è possibile utilizzare typeof per definire se un oggetto JavaScript è un array (o una data).
Non è possibile utilizzare typeof per definire se un oggetto JavaScript è un array (o una data).
L'operatore delete
delete L'operatore elimina le proprietà dall'oggetto:
Esempio
var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"}; delete person.age; // Elimina person["age"];
L'operatore delete elimina contemporaneamente il valore dell'attributo e l'attributo stesso.
Non è possibile utilizzare l'attributo prima di aggiungerlo di nuovo dopo la rimozione.
L'operatore delete è progettato per essere utilizzato per le proprietà degli oggetti. Non ha alcun impatto su variabili o funzioni.
Note:Non utilizzare l'operatore delete sugli attributi degli oggetti JavaScript predefiniti. Questo potrebbe far crollare la tua applicazione.
Operatore in
se l'attributo specificato è presente nell'oggetto specificato, allora in L'operatore restituirà true, altrimenti restituirà false:
Esempio
// Array var cars = ["Saab", "Volvo", "BMW"]; "Saab" in cars // Restituisce false (specificare l'indice invece del valore) 0 in cars // Restituisce true 1 in cars // Restituisce true 4 in cars // Restituisce false (non esiste) "length" in cars // Restituisce true (length è un attributo dell'array) // Oggetto var person = {firstName:"Bill", lastName:"Gates", age:19}; "firstName" in person // Restituisce true "age" in person // Restituisce true // Oggetti predefiniti "PI" in Math // Restituisce true "NaN" in Number // Restituisce true "length" in String // Restituisce true
Operatore instanceof
se l'oggetto specificato è un'istanza dell'oggetto specificato, allora instanceof L'operatore restituisce true:
Esempio
var cars = ["Saab", "Volvo", "BMW"]; cars instanceof Array; // Restituisce true cars instanceof Object; // Restituisce true cars instanceof String; // Restituisce false cars instanceof Number; // Restituisce false
Operatore void
void l'operatore calcola un'espressione e restituisce undefinedQuesto operatore viene solitamente utilizzato per ottenere il valore originale non definito utilizzando "void(0)" (utile quando si calcola un'espressione senza utilizzare il valore di ritorno).
Esempio
<a href="javascript:void(0);"> Link inutile </a> <a href="javascript:void(document.body.style.backgroundColor='red');"> Clicca qui per cambiare il colore di sfondo del body in rosso </a>
- Pagina precedente Oggetti JS
- Pagina successiva Priorità degli operatori JS