7 typer JavaScript-operatører du må kjenne til

En operatør er et symbol som forteller tolken å utføre en spesifikk matematisk, relasjonell eller logisk operasjon. Operatører tar en eller flere operander og er i stand til å manipulere målverdier eller operander.

I denne artikkelen lærer du om forskjellige operatorer i JavaScript og hvordan du bruker dem med eksempler.

JavaScript-operatørtyper

Dette er de forskjellige operatørene som JavaScript støtter:

1. Aritmetiske operatorer
2. Oppdragsoperatører
3. Strengeoperatorer
4. Sammenligningsoperatører
5. Logiske operatører
6. Bitvise operatører
7. Spesielle operatører

1. Aritmetiske operatorer

Du kan bruke aritmetiske operatorer til å utføre matematiske beregninger på operandene. JavaScript gir følgende aritmetiske operatorer:

Tilleggsoperatør (+)

Du kan bruke tilleggsoperatoren (+) for å utføre addisjon på operandene.

la a = 12;
la b = 10;
la resultat = a+b;
console.log (resultat)
console.log (1+2);
console.log (a+6);

Produksjon:

22
3
18

Subtraksjonsoperatør (-)

Bruk subtraksjonsoperatoren (-) for å trekke den høyre operanden fra den venstre operanden.

la a = 10;
la b = 4;
la resultat = a-b;
console.log (resultat);
console.log (23-20);

Produksjon:

6
3

Multiplikasjonsoperator (*)

Bruk multiplikasjonsoperatoren (*) for å multiplisere operandene.

la a = 10;
la b = 4;
la resultat = a*b;
console.log (resultat);
console.log (23*20);

Produksjon:

40
460

Divisjonsoperatør (/)

Du kan bruke divisjonsoperatoren (/) for å utføre divisjon på operandene.

la a = 10;
la b = 4;
la resultat = a/b;
console.log (resultat);
console.log (40/20);

Produksjon:

2.5
2

Modulus Operator (%)

Modulusoperatoren (%) returnerer heltallsresten ved å dykke to operander.

la a = 10;
la b = 4;
la resultat = a%b;
console.log (resultat);
console.log (40%20);

Produksjon:

2
0

Eksponentieringsoperatør (**)

Eksponentieringsoperatoren (**) beregner grunntallet til eksponentpotensen (grunnlag^eksponent).

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

Produksjon:

81

Øk operatør (++)

Inkrementoperatoren (++) øker heltallsverdien med én.

la a = 3;
// Verdien av a=4 og returnerer 4
console.log(++a);
// Verdien av a=5 og returnerer 4
console.log (a++);
// Verdien av a=5 og returnerer 5
console.log (a);

Produksjon:

4
4
5

Reduser operatør (--)

Dekresjonsoperatøren (--) reduserer heltallsverdien med én.

la a = 3;
// Verdien av a=2 og returnerer 2
console.log(--a);
// Verdien av a=1 og returnerer 2
console.log (a--);
// Verdien av a=1 og returnerer 1
console.log (a);

Produksjon:

2
2
1

Unary Plus-operatør (+)

Den unære plussoperatoren (+) prøver å konvertere operanden til et tall hvis det ikke allerede er det.

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

Produksjon:

streng
Nummer
boolsk
Nummer

Unær negasjonsoperatør (-)

Den unære negasjonsoperatøren (-) returnerer negasjonen av operanden.

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

Produksjon:

-10

2. Oppdragsoperatører

Bruk tilordningsoperatorer for å tilordne verdier til variabler. JavaScript gir følgende tildelingsoperatorer:

Oppdragsoperatør(=)

Du kan bruke oppdragsoperatøren (=) for å tilordne høyre operandverdi til venstre operand.

// Tildele 10 til en
la a = 10;
console.log (a);

Produksjon:

10

Tilleggsoppgaveoperatør (+=)

Tilleggsoppgaveoperatøren (+=) brukes til å legge til venstre og høyre operandverdier og tilordne resultatet til venstre operand.

la a = 10;
la b = 5;
// Tilsvarer a = a+b
a += b;
console.log (a);

Produksjon:

15

Subtraksjonsoppgaveoperatør (-=)

Subtraksjonstildelingsoperatøren (-=) vil trekke den høyre operanden fra den venstre operanden og tilordne resultatet til den venstre operanden.

la a = 10;
la b = 5;
// Tilsvarer a = a-b
a -= b;
console.log (a);

Produksjon:

5

Multiplikasjonstildelingsoperatør (*=)

Bruk multiplikasjonstilordningsoperatoren (*=) for å multiplisere venstre og høyre operandverdier og tilordne resultatet til venstre operand.

la a = 10;
la b = 5;
// Tilsvarer a = a*b
a *= b;
console.log (a);

Produksjon:

50

Divisjonsoppdragsoperatør (/=)

Du kan bruke divisjonstildelingsoperatøren (/=) for å dele venstre operandverdi med høyre operandverdi og tilordne resultatet til venstre operand.

la a = 10;
la b = 5;
// Tilsvarer a = a/b
a /= b;
console.log (a);

Produksjon:

2

Resterende oppdragsoperatør (%=)

Den resterende oppdragsoperatøren (%=) deler venstre operand med høyre operand og tilordner resten til venstre operand.

la a = 10;
la b = 5;
// Tilsvarer a = a%b
a %= b;
console.log (a);

Produksjon:

0

Eksponentieringstilordningsoperatør (**=)

Eksponentieringstilordningsoperatoren (**=) hever venstre operand til kraften til høyre operand og tildeler resultatet til venstre operand.

la a = 10;
la b = 5;
// Tilsvarer a = a**b
a **= b;
console.log (a);

Produksjon:

100000

De bitvise tildelingsoperatorene (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) fungerer på samme måte. Du vil lære om de bitvise operatorene i de kommende delene.

I slekt: En introduksjon til datatyper i JavaScript

3. Strengeoperatorer

Sammenkoblingsoperatøren (+) brukes til å sette sammen (legge til) strenger.

let result = "Lag" + "Bruk" + "Av";
console.log (resultat);

Produksjon:

Benytte seg av

4. Sammenligningsoperatører

Sammenligningsoperatorer brukes til å sammenligne operander og det returnerer en logisk verdi (ekte eller falsk) på grunnlag av sammenligning. JavaScript gir følgende sammenligningsoperatorer:

Equal Operator (==)

Den likeverdige operatøren (==) returnerer ekte hvis operandene er like. Den sammenligner bare verdiene til operander, og ignorerer typen deres mens den sammenlignes.

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

Produksjon:

falsk
ekte

Ikke lik operatør(!=)

Ikke lik operatør (!=) returnerer ekte hvis operandene ikke er like. Den ignorerer også typen operander mens den sammenlignes.

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

Produksjon:

ekte
falsk

Strict Equal-operatør ()

Den strengt likestilte operatøren () returnerer ekte hvis operandene er like. Den sammenligner begge - verdiene og typene operander mens den sammenlignes.

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

Produksjon:

falsk
falsk

Strengt ikke lik operatør (!==)

Den strengt ulik operatør (!==) returnerer ekte hvis operandene ikke er like. Den sammenligner også begge - verdiene og typen operander mens den sammenlignes.

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

Produksjon:

ekte
ekte

Større enn operatør (>)

Den større enn-operatøren (>) returnerer sant hvis venstre operand er større enn høyre operande.

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

Produksjon:

ekte
falsk

Større enn eller lik operatør (>=)

Operatoren større enn eller lik (>=) returnerer sann hvis venstre operand er større enn eller lik den høyre operanden.

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

Produksjon:

ekte
ekte

Mindre enn operatør (

Den mindre enn-operatøren (<) returnerer sant hvis venstre operand er mindre enn høyre operande.

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

Produksjon:

falsk
falsk

Mindre enn eller lik operatør(<=)

Operatoren mindre enn eller lik (<=) returnerer sann hvis venstre operand er mindre enn eller lik den høyre operanden.

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

Produksjon:

falsk
ekte

I slekt: Hvordan bygge en enkel kalkulator ved å bruke HTML, CSS og JavaScript

5. Logiske operatører

Ifølge tjenestemannen MDN Dokumenter, gir JavaScript følgende logiske operatorer:

Logisk OG (&&)

Bruk: uttr1 && uttr2

Returnerer uttr1 hvis den kan konverteres til usann; ellers returnerer uttr2. Når det brukes med boolske verdier, && returnerer ekte hvis begge operandene er sanne; ellers kommer den tilbake falsk.

console.log (true && false);

Produksjon:

falsk

Logisk ELLER (||)

Bruk: uttr1 || uttr2

Returnerer uttr1 hvis den kan konverteres til sann; ellers returnerer uttr2. Når det brukes med boolske verdier, || returnerer ekte hvis en av operandene er sanne; hvis begge er falske, returnerer falsk.

console.log (true || usant);

Produksjon:

ekte

Logisk IKKE (!)

Bruk: !ekspr

Returnerer falsk hvis enkeltoperanden kan konverteres til sann; ellers returnerer ekte.

console.log(!true);

Produksjon:

falsk

6. Bitvise operatører

JavaScript gir følgende bitvise operatorer:

Bitvis AND Operator (&)

Denne operatøren utfører en boolsk OG operasjon på hver bit av dens heltallsargumenter.

// I binær-
// 4: 100
// 1: 001
console.log (4 & 1);

Produksjon:

0

Bitvis ELLER Operator (|)

Denne operatøren utfører en boolsk ELLER operasjon på hver bit av dens heltallsargumenter.

console.log (4 | 1);

Produksjon:

5

Bitvis XOR-operatør (^)

Denne operatøren utfører en boolsk eksklusiv ELLER operasjon på hver bit av dens heltallsargumenter.

console.log (4 ^ 1);

Produksjon:

5

Bitvis IKKE operatør (~)

Denne operatoren reverserer alle bitene i operanden.

console.log(~4);

Produksjon:

-5

Merk: JavaScript konverterer tall til 32-biters heltall med fortegn før det utføres en bitvis operasjon. Og når operasjonen er utført, konverterer den resultatet tilbake til 64-bits JavaScript-tall.

Venstre skiftoperatør (<

Denne operatoren flytter alle bitene i sin første operand til venstre med antall plasser spesifisert i den andre operanden.

console.log (4<<1);

Produksjon:

8

Høyre skiftoperatør (>>)

Denne operatoren flytter alle bitene i sin første operand til høyre med antall plasser spesifisert i den andre operanden.

console.log (4>>1);

Produksjon:

2

7. Spesielle operatører

Ternær operatør

Den ternære operatoren er forkortelsen til if-else-uttalelse. Den tildeler verdi til en variabel basert på en betingelse, syntaksen for den samme er:

tilstand? verdi1: verdi2

Hvis betingelsen er sann, returnerer operatøren verdien av verdi1. Ellers returnerer den verdien av verdi2.

la resultat = (200>100)? "Ja Nei";
console.log (resultat);

Produksjon:

Ja

Type operatør

De type operator brukes til å finne datatypen til en verdi eller variabel.

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

Produksjon:

Nummer
streng

Bruk JavaScript One-Liner for å kode som en proff

Du kan utføre et bredt spekter av operasjoner ved å bruke bare én kodelinje i JavaScript. Enten du trenger å blande en matrise, oppdage mørk modus i en nettleser, generere tilfeldig UUID eller finne gjennomsnittet av en matrise, kan du oppnå det med bare en kodelinje.

11 JavaScript One-Liner du bør kjenne til

Oppnå mye med bare litt kode ved å bruke dette brede utvalget av JavaScript one-liners.

Les Neste

Om forfatteren