English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di base JavaScript

Oggetto JavaScript

Funzione JavaScript

JS HTML DOM

BOM del browser JS

Tutorial di base AJAX

Manuale di riferimento JavaScript

Operatori JavaScript

Gli operatori eseguono operazioni matematiche e logiche sugli operandi forniti.

JavaScript ha i seguenti tipi di operatori:

  • Operatori aritmetici

  • Operatori di assegnazione

  • Operatori di confronto

  • Operatori bitwise

  • Operatori logici

  • Operatori di stringa

  • Operatore condizionale (ternario)

  • Operatori unari

  • Operatori di relazione

Operatori aritmetici JavaScript

Gli operatori aritmetici vengono utilizzati per eseguire operazioni aritmetiche sui numeri.

Gli operatori aritmetici considerano i numeri come operandi e restituiscono un singolo valore numerico.

OperatoreDescrizioneEsempioDefinizioneProva a fare un test
+Addizionea + bLa somma di a e bProva a fare un test
-Sottrazionea-bLa differenza tra a e bProva a fare un test
*Moltiplicazionea * bIl prodotto di a e bProva a fare un test
**Calcolare il poterea ** bIl potere di a aProva a fare un test
/Divisionea / ba diviso bProva a fare un test
%Calcolare il modulo (resto)a % bIl resto di a / bProva a fare un test
++Aumentoa ++a aumenta di 1Prova a fare un test
--Diminuzione
a--a diminuisce di 1Prova a fare un test

Operatori di assegnazione JavaScript

L'operatore di assegnazione assegna un valore alla variabile JavaScript.

L'operatore di assegnazione semplice (=) assegna il valore dell'operando di destra all'operando di sinistra.

OperatoreDescrizioneEsempioUgualeProva a fare un test
=Assegnazionea = ba = bProva a fare un test
+=Aggiungere prima di assegnarea += ba = a + bProva a fare un test
-=Sottrarre prima di assegnarea -= ba = a - bProva a fare un test
*=Moltiplicare prima di assegnarea *= ba = a * bProva a fare un test
**=Calcolare il potere prima di assegnarea **= ba = a ** bProva a fare un test
/=Dividere prima di assegnarea /= ba = a / bProva a fare un test
%=Calcolare il modulo prima di assegnarea %= ba = a % bProva a fare un test

Operatori di confronto JavaScript

I operatori di confronto vengono utilizzati per confrontare due valori e restituire un valore booleano.

OperatoreDescrizioneEsempioDefinizioneProva a fare un test
==Ugualea == bSe a è uguale a b è veroProva a fare un test
===Ugualea === bSe a è uguale a b e appartiene allo stesso tipo di dati, allora è trueProva a fare un test
!=Inequalea != bSe a non è uguale a b è veroProva a fare un test
!==Inequale include il tipoa !== bSe a non è uguale a b e non è dello stesso tipo di dati, allora è trueProva a fare un test
>Maggiorea> bSe a è maggiore di b, allora è trueProva a fare un test
<Minorea < bSe a è minore di b, allora è trueProva a fare un test
>=Maggiore o ugualea>=bSe a è maggiore o uguale a b, allora è trueProva a fare un test
<=Minore o ugualea <= bSe a è minore o uguale a b, allora è trueProva a fare un test

La differenza tra (a == b) e (a === b) è:

  • == Se a è uguale a b, restituisce true

  • === Se a è uguale a b e appartengono aStesso tipose restituisce true

Gli operatori di confronto possono essere utilizzati negli statement di condizione per confrontare valori e passare a flussi di lavoro diversi in base ai risultati.

Più avanti in questo tutorial, imparerai come utilizzare statement di condizione.

Operatore a bit JavaScript

Gli operatori a bit considerano i loro operandi come un gruppo di 32 bit (zero e uno), non come numeri decimali, esadecimali o ottali.

Qualsiasi numero operandi in questa operazione viene convertito in un numero di 32 bit. Il risultato viene convertito indietro nel numero JavaScript.

OperatoreDescrizioneEsempioUgualeRisultatoDecimale
&E5&10101 e 00010001 1
|O5 | 10101 | 00010101 5
~Non
~5 ~01011010 10
^XOR5 ^ 10101 ^ 00010100 4
<<Spostamento a sinistra5 << 10101 << 11010 10
>>Spostamento a destra con segno5 >> 10101 >> 10010  2
>>>Spostamento a destra unsigned5 >>> 10101 >>> 10010  2

L'esempio sopra utilizza un esempio di 4 bit unsigned. Ma JavaScript utilizza un numero di 32 bit con segno.

Quindi, in JavaScript, ~5 non restituirà 10. Restituirà -6.

~00000000000000000000000000000101 restituirà 11111111111111111111111111111010

Operatore logico JavaScript

Gli operatori logici vengono utilizzati per determinare il logico tra variabili o valori.

Gli operatori logici sono solitamente utilizzati per combinare statement di condizione, restituendo valori booleani.

OperatoreDescrizioneEsempioDefinizioneProva a fare un test
&&Logico ea && bSe a e b sono entrambi veri, allora è veroProva a fare un test
||Logico oa||bSe a o b è vero, allora è veroProva a fare un test
!Non logico!aSe a non è vero, allora è veroProva a fare un test

Simbolo di stringa JavaScript

Il simbolo + può anche essere utilizzato per connettere (concatenare) stringhe.

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
Prova a vedere‹/›

l'operatore di assegnazione somma += può anche essere utilizzato per connettere (concatenare) stringhe.

var str1 = "Hey! ";
str1 += "How r u doing?";
Prova a vedere‹/›

quando viene utilizzato su una stringa, l'operatore + è chiamato operatore di concatenazione.

operatore condizionale (trigemino) JavaScript

l'operatore condizionale (trigemino) è l'unico operatore JavaScript che accetta tre operandi.

può ottenere uno dei due valori in base alla condizione. La sintassi è:

condizione ? val1 : val2

secondizione il risultato della calcolazione ditrueseval1altrimenti restituiràval2.

puoi usare l'operatore condizionale in qualsiasi posizione in cui puoi usare un operatore standard.

var status = (age >= 18) ? "adulto" : "bambino";
Prova a vedere‹/›

se l'età è 18 anni o più, le seguenti istruzioni assegnano il valore "adulto" alla variabile status. Altrimenti, assegna il valore "bambino" a status.

operatori unari JavaScript

l'operazione unaria è un'operazione che ha un solo operando.

JavaScript contiene tre operatori unari:

DescrizioneDescrizione
deleteeliminare un oggetto, le proprietà dell'oggetto o l'elemento all'indice specificato dell'array
typeofrestituisce il tipo della variabile
voidspecificare un'espressione che richiede un valore senza restituire un valore

operatore delete

l'operatore delete può eliminare un oggetto, le proprietà dell'oggetto o l'elemento all'indice specificato dell'array.

se l'operatore delete può eseguire l'operazione, restituisce true; altrimenti, restituisce false. Se non è possibile eseguire l'operazione, restituisce false.

se l'operatore delete ha successo, imposta l'attributo o l'elemento a undefined:

var user = {firstName:"Vishal", age:"22", color:"blue"};
delete user.firstName; // restituisce true
Prova a vedere‹/›

quando l'operatore delete elimina un elemento dell'array, l'elemento viene rimosso dall'array.

var fruits = ["Apple", "Mango", "Banana"];
delete fruits[0];// elimina "Apple"
Prova a vedere‹/›

Attenzione:quando si elimina un elemento dell'array, la lunghezza dell'array non è influenzata.

operatore typeof

l'operatore typeof restituisce il tipo di una variabile o espressione.

typeof ""// Restituisce "string"
typeof "Vishal"// Restituisce "string"
typeof "42"// Restituisce "string" (il numero entro virgolette è una String)
typeof 42 // Restituisce "number"
typeof true // Restituisce "boolean"
typeof false // Restituisce "boolean"
typeof undefined // Restituisce "undefined"
typeof null // Restituisce "object"
typeof {name:"Vishal", age:22} // Restituisce "object"
typeof [2, 4, 6, 8] // Restituisce "object" (non "array", vedere nota di seguito)
typeof function myFunc(){} // Restituisce "function"
Prova a vedere‹/›

Attenzione:L'operatore typeof restituisce "object" per gli array, perché negli array JavaScript sono oggetti.

Ecco l'elenco dei valori restituiti dall'operatore typeof:

Tipo
La stringa restituita da typeof
Number"number"
String"string"
Boolean"boolean"
Object"object"
Function"function"
Undefined"undefined"
Null"object"

Operatore void

L'operatore void specifica un'espressione che richiede un valore ma non restituisce alcun valore.

Il codice seguente crea un link ipertestuale che non esegue alcuna operazione quando l'utente clicca su di esso.

<a href="javascript:void(0)">Clicca qui per non fare nulla</a>
Prova a vedere‹/›

Operatori relazionali JavaScript

Gli operatori relazionali confrontano i loro operandi e restituiscono un valore booleano in base a se il confronto è vero o no.

In JavaScript ci sono due operatori relazionali:

DescrizioneDescrizione
inSe l'attributo specificato è presente nell'oggetto specificato, restituisce true
instanceofSe l'oggetto è un esempio di tipo oggetto, restituisce true

Operatore in

Se l'attributo specificato è presente nell'oggetto specificato, l'operatore in restituisce true.

var user = {firstName:"Vishal", age:"22", color:"blue"};
"firstName" in user; // returns true
"age" in user; // restituisce true
"Food" in user; // restituisce false
Prova a vedere‹/›

Quando si utilizza l'operatore in con un array Array, è necessario specificare l'indice, non il valore dell'indice.

var fruits = ["Apple", "Mango", "Banana"];
var item1 = 0 in fruits; // restituisce true
var item2 = 1 in fruits; // restituisce true
var item3 = 2 in fruits; // restituisce true
var item4 = 3 in fruits; // restituisce false
Prova a vedere‹/›

Operatore instanceof

Se l'oggetto specificato appartiene al tipo di oggetto specificato, l'operatore instanceof restituirà true.

Quando è necessario determinare il tipo di oggetto in esecuzione, utilizzare l'operatore instanceof.

var myObj = new Date();
if (myObj instanceof Date) {
   // espressioni da eseguire
{}
Prova a vedere‹/›