7 tipi di operatori JavaScript che devi conoscere

Un operatore è un simbolo che indica all'interprete di eseguire una specifica operazione matematica, relazionale o logica. Gli operatori accettano uno o più operandi e sono in grado di manipolare valori o operandi di destinazione.

In questo articolo imparerai a conoscere diversi operatori in JavaScript e come usarli con esempi.

Tipi di operatori JavaScript

Questi sono i vari operatori supportati da JavaScript:

1. Operatori aritmetici
2. Operatori di assegnazione
3. Operatori di stringa
4. Operatori di confronto
5. Operatori logici
6. Operatori bit a bit
7. Operatori speciali

1. Operatori aritmetici

È possibile utilizzare operatori aritmetici per eseguire calcoli matematici sugli operandi. JavaScript fornisce i seguenti operatori aritmetici:

Operatore di addizione (+)

È possibile utilizzare l'operatore di addizione (+) per eseguire l'addizione sugli operandi.

sia a = 12;
sia b = 10;
let risultato = a+b;
console.log (risultato)
console.log (1+2);
console.log (a+6);

Produzione:

22
3
18

Operatore di sottrazione(-)

Utilizzare l'operatore di sottrazione (-) per sottrarre l'operando destro dall'operando sinistro.

sia a = 10;
sia b = 4;
let risultato = a-b;
console.log (risultato);
console.log (23-20);

Produzione:

6
3

Operatore di moltiplicazione (*)

Utilizzare l'operatore di moltiplicazione (*) per moltiplicare gli operandi.

sia a = 10;
sia b = 4;
let risultato = a*b;
console.log (risultato);
console.log (23*20);

Produzione:

40
460

Operatore di divisione (/)

È possibile utilizzare l'operatore di divisione (/) per eseguire la divisione sugli operandi.

sia a = 10;
sia b = 4;
let risultato = a/b;
console.log (risultato);
console.log (40/20);

Produzione:

2.5
2

Operatore modulo (%)

L'operatore modulo (%) restituisce il resto intero immergendo due operandi.

sia a = 10;
sia b = 4;
let risultato = a%b;
console.log (risultato);
console.log (40%20);

Produzione:

2
0

Operatore esponenziale (**)

L'operatore di elevazione a potenza (**) calcola la base alla potenza dell'esponente (base^esponente).

sia a = 3;
console.log (a**4);

Produzione:

81

Operatore di incremento (++)

L'operatore di incremento (++) aumenta il valore intero di uno.

sia a = 3;
// Valore di a=4 e restituisce 4
console.log(++a);
// Valore di a=5 e restituisce 4
console.log (a++);
// Valore di a=5 e restituisce 5
console.log (a);

Produzione:

4
4
5

Operatore di decremento (--)

L'operatore di decremento (--) riduce il valore intero di uno.

sia a = 3;
// Valore di a=2 e restituisce 2
console.log(--a);
// Valore di a=1 e restituisce 2
console.log (a--);
// Valore di a=1 e restituisce 1
console.log (a);

Produzione:

2
2
1

Operatore Unario Plus(+)

L'operatore unario più (+) tenta di convertire l'operando in un numero se non lo è già.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

Produzione:

corda
numero
booleano
numero

Operatore di negazione unario(-)

L'operatore unario di negazione (-) restituisce la negazione del suo operando.

sia a = 10;
console.log(-a);

Produzione:

-10

2. Operatori di assegnazione

Utilizzare gli operatori di assegnazione per assegnare valori alle variabili. JavaScript fornisce i seguenti operatori di assegnazione:

Operatore di assegnazione(=)

È possibile utilizzare l'operatore di assegnazione (=) per assegnare il valore dell'operando destro all'operando sinistro.

// Assegnando 10 a a
sia a = 10;
console.log (a);

Produzione:

10

Operatore di assegnazione di addizione(+=)

L'operatore di assegnazione dell'addizione (+=) viene utilizzato per aggiungere i valori dell'operando sinistro e destro e assegnare il risultato all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a+b
a += b;
console.log (a);

Produzione:

15

Operatore di assegnazione della sottrazione (-=)

L'operatore di assegnazione della sottrazione (-=) sottrae l'operando destro dall'operando sinistro e assegna il risultato all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a-b
a -= b;
console.log (a);

Produzione:

5

Operatore di assegnazione di moltiplicazione (*=)

Utilizzare l'operatore di assegnazione della moltiplicazione (*=) per moltiplicare i valori dell'operando sinistro e destro e assegnare il risultato all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a*b
a *= b;
console.log (a);

Produzione:

50

Operatore di assegnazione della divisione (/=)

È possibile utilizzare l'operatore di assegnazione della divisione (/=) per dividere il valore dell'operando sinistro per il valore dell'operando destro e assegnare il risultato all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a/b
a /= b;
console.log (a);

Produzione:

2

Operatore di assegnazione resto (%=)

L'operatore di assegnazione del resto (%=) divide l'operando sinistro per l'operando destro e assegna il resto all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a%b
a %= b;
console.log (a);

Produzione:

0

Operatore di assegnazione dell'elevamento a potenza (**=)

L'operatore di assegnazione dell'elevamento a potenza (**=) eleva l'operando sinistro alla potenza dell'operando destro e assegna il risultato all'operando sinistro.

sia a = 10;
sia b = 5;
// Equivalente a a = a**b
a **= b;
console.log (a);

Produzione:

100000

Gli operatori di assegnazione bit per bit (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) funzionano in modo simile. Imparerai a conoscere gli operatori bit a bit nelle prossime sezioni.

Imparentato: Introduzione ai tipi di dati in JavaScript

3. Operatori di stringa

L'operatore di concatenazione (+) viene utilizzato per concatenare (aggiungere) le stringhe.

let risultato = "Crea" + "Usa" + "Di";
console.log (risultato);

Produzione:

Utilizzare

4. Operatori di confronto

Gli operatori di confronto vengono utilizzati per confrontare gli operandi e restituisce un valore logico (vero o falso) sulla base del confronto. JavaScript fornisce i seguenti operatori di confronto:

Operatore uguale (==)

L'operatore uguale (==) ritorna vero se gli operandi sono uguali. Confronta solo i valori degli operandi, ignorandone il tipo durante il confronto.

console.log (2==4);
console.log("2"==2);

Produzione:

falso
vero

Operatore non uguale (!=)

Operatore non uguale (!=) ritorna vero se gli operandi non sono uguali. Ignora anche il tipo di operandi durante il confronto.

console.log (2!=4);
console.log (2!="2");

Produzione:

vero
falso

Operatore Stretto Uguale ()

L'operatore stretto uguale () ritorna vero se gli operandi sono uguali. Confronta entrambi: i valori e i tipi di operandi durante il confronto.

console.log (24);
console.log("2"2);

Produzione:

falso
falso

Operatore Strict Not Equal (!==)

L'operatore stretto non uguale (!==) ritorna vero se gli operandi non sono uguali. Inoltre, confronta entrambi: i valori e il tipo di operandi durante il confronto.

console.log (2 !== 4);
console.log (2 !== "2");

Produzione:

vero
vero

Operatore maggiore di (>)

L'operatore maggiore di (>) restituisce true se l'operando sinistro è maggiore dell'operando destro.

console.log (10>4);
console.log (5>5);

Produzione:

vero
falso

Operatore maggiore o uguale (>=)

L'operatore maggiore o uguale (>=) restituisce true se l'operando di sinistra è maggiore o uguale all'operando di destra.

console.log (10 >= 4);
console.log (5 >= 5);

Produzione:

vero
vero

Operatore minore di (

L'operatore minore di (<) restituisce true se l'operando sinistro è minore dell'operando destro.

console.log (10<4);
console.log (5<5);

Produzione:

falso
falso

Operatore minore o uguale (<=)

L'operatore minore o uguale (<=) restituisce true se l'operando di sinistra è minore o uguale all'operando di destra.

console.log (10 <= 4);
console.log (5 <= 5);

Produzione:

falso
vero

Imparentato: Come costruire una calcolatrice semplice utilizzando HTML, CSS e JavaScript

5. Operatori logici

Secondo il funzionario Documenti MDN, JavaScript fornisce i seguenti operatori logici:

AND logico (&&)

utilizzo: espr1 && espr2

Restituisce expr1 se può essere convertito in false; in caso contrario, restituisce expr2. Se utilizzato con valori booleani, && ritorna vero se entrambi gli operandi sono veri; altrimenti ritorna falso.

console.log (vero && falso);

Produzione:

falso

OR logico (||)

utilizzo: espr1 || expr2

Restituisce expr1 se può essere convertito in true; in caso contrario, restituisce expr2. Se utilizzato con valori booleani, || ritorna vero se uno degli operandi è vero; se entrambi sono falsi, restituisce falso.

console.log (vero || falso);

Produzione:

vero

NON logico (!)

utilizzo: !espr

ritorna falso se il suo singolo operando può essere convertito in vero; in caso contrario, restituisce vero.

console.log(!true);

Produzione:

falso

6. Operatori bit a bit

JavaScript fornisce i seguenti operatori bit a bit:

Operatore AND bit per bit (&)

Questo operatore esegue un booleano E operazione su ogni bit dei suoi argomenti interi.

// In binario-
// 4: 100
// 1: 001
console.log (4 & 1);

Produzione:

0

Operatore OR bit a bit (|)

Questo operatore esegue un booleano O operazione su ogni bit dei suoi argomenti interi.

console.log (4 | 1);

Produzione:

5

Operatore XOR bit a bit (^)

Questo operatore esegue un'esclusiva booleana O operazione su ogni bit dei suoi argomenti interi.

console.log (4 ^ 1);

Produzione:

5

Operatore NOT bit a bit (~)

Questo operatore inverte tutti i bit dell'operando.

console.log(~4);

Produzione:

-5

Nota: JavaScript converte i numeri in interi con segno a 32 bit prima di eseguire un'operazione bit per bit. E quando l'operazione viene eseguita, converte il risultato in numeri JavaScript a 64 bit.

Operatore Shift a sinistra (<

Questo operatore sposta a sinistra tutti i bit del primo operando del numero di posizioni specificato nel secondo operando.

console.log (4<<1);

Produzione:

8

Operatore Shift a destra (>>)

Questo operatore sposta a destra tutti i bit del primo operando del numero di posizioni specificato nel secondo operando.

console.log (4>>1);

Produzione:

2

7. Operatori Speciali

Operatore ternario

L'operatore ternario è l'abbreviazione di affermazione if-else. Assegna valore a una variabile in base a una condizione, la sintassi per la stessa è:

condizione? valore1: valore2

Se la condizione è vera, l'operatore restituisce il valore di valore1. In caso contrario, restituisce il valore di valore2.

lascia risultato = (200>100)? "Si No";
console.log (risultato);

Produzione:

sì

Tipo di operatore

Il tipo di viene utilizzato per trovare il tipo di dati di un valore o di una variabile.

console.log (tipo di (100));
console.log (typeof("100"));

Produzione:

numero
corda

Usa JavaScript One-Liners per programmare come un professionista

Puoi eseguire un'ampia gamma di operazioni utilizzando solo una riga di codice in JavaScript. Sia che tu abbia bisogno di mescolare un array, rilevare la modalità oscura in un browser, generare UUID casuali o trovare la media di un array, puoi ottenerlo con solo una riga di codice.

11 JavaScript One-Liner che dovresti sapere

Ottieni molto con solo un piccolo codice utilizzando questa vasta gamma di JavaScript one-liner.

Leggi Avanti

Circa l'autore