7 typer JavaScript-operatører, du skal kende

En operator er et symbol, der fortæller tolken at udføre en specifik matematisk, relationel eller logisk operation. Operatører tager en eller flere operander og er i stand til at manipulere målværdier eller operander.

I denne artikel lærer du om forskellige operatorer i JavaScript, og hvordan du bruger dem med eksempler.

JavaScript-operatørtyper

Dette er de forskellige operatører, som JavaScript understøtter:

1. Aritmetiske operatorer
2. Opgaveoperatører
3. Strengoperatorer
4. Sammenligningsoperatører
5. Logiske operatører
6. Bitvise operatører
7. Særlige operatører

1. Aritmetiske operatorer

Du kan bruge aritmetiske operatorer til at udføre matematiske beregninger på operanderne. JavaScript giver følgende aritmetiske operatorer:

Tilføjelsesoperatør (+)

Du kan bruge tilføjelsesoperatoren (+) for at udføre addition på operanderne.

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

Produktion:

22
3
18

Subtraktionsoperatør(-)

Brug subtraktionsoperatoren (-) for at trække den højre operand fra den venstre operand.

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

Produktion:

6
3

Multiplikationsoperator (*)

Gør brug af multiplikationsoperatoren (*) for at gange operanderne.

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

Produktion:

40
460

Divisionsoperatør (/)

Du kan bruge divisionsoperatoren (/) for at udføre division på operanderne.

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

Produktion:

2.5
2

Modulus operatør (%)

Modulus operatoren (%) returnerer heltalsresten ved at dykke to operander.

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

Produktion:

2
0

Eksponentieringsoperator (**)

Eksponentieringsoperatoren (**) beregner basis til eksponentpotens (grundlag^eksponent).

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

Produktion:

81

Forøg operatør (++)

Increment-operatoren (++) øger heltalsværdien med én.

lad a = 3;
// Værdien af ​​a=4 og returnerer 4
console.log(++a);
// Værdien af ​​a=5 og returnerer 4
console.log (a++);
// Værdien af ​​a=5 og returnerer 5
console.log (a);

Produktion:

4
4
5

Reducer operatør (--)

Nedsættelsesoperatøren (--) reducerer heltalsværdien med én.

lad a = 3;
// Værdien af ​​a=2 og returnerer 2
console.log(--a);
// Værdien af ​​a=1 og returnerer 2
console.log (a--);
// Værdien af ​​a=1 og returnerer 1
console.log (a);

Produktion:

2
2
1

Unary Plus-operatør (+)

Den unære plus operator (+) forsøger at konvertere operanden til et tal, hvis det ikke allerede er et.

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

Produktion:

snor
nummer
boolesk
nummer

Unær negativ operatør(-)

Den unære negationsoperator (-) returnerer negationen af ​​dens operand.

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

Produktion:

-10

2. Opdragsoperatører

Brug tildelingsoperatorer til at tildele værdier til variable. JavaScript giver følgende tildelingsoperatorer:

Opgaveoperatør(=)

Du kan bruge opgaveoperatøren (=) for at tildele den højre operandværdi til den venstre operand.

// Tildeling af 10 til en
lad a = 10;
console.log (a);

Produktion:

10

Tilføjelsesopgaveoperatør (+=)

Tilføjelsestildelingsoperatøren (+=) bruges til at tilføje venstre og højre operandværdier og tildele resultatet til venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a+b
a += b;
console.log (a);

Produktion:

15

Subtraktionsopgaveoperatør (-=)

Subtraktionstildelingsoperatoren (-=) vil trække den højre operand fra den venstre operand og tildele resultatet til den venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a-b
a -= b;
console.log (a);

Produktion:

5

Multiplikationstildelingsoperator (*=)

Brug multiplikationstildelingsoperatoren (*=) for at gange de venstre og højre operandværdier og tildele resultatet til venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a*b
a *= b;
console.log (a);

Produktion:

50

Division Assignment Operator (/=)

Du kan bruge divisionstildelingsoperatoren (/=) for at dividere den venstre operandværdi med den højre operandværdi og tildele resultatet til den venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a/b
a /= b;
console.log (a);

Produktion:

2

Resterende opgaveoperatør (%=)

Den resterende opgaveoperatør (%=) dividerer venstre operand med højre operand og tildeler resten til venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a%b
a %= b;
console.log (a);

Produktion:

0

Eksponentieringstildelingsoperatør (**=)

Eksponentieringstildelingsoperatoren (**=) hæver venstre operand til højre operands magt og tildeler resultatet til venstre operand.

lad a = 10;
lad b = 5;
// Svarende til a = a**b
a **= b;
console.log (a);

Produktion:

100000

De bitvise tildelingsoperatorer (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) fungerer på samme måde. Du lærer om de bitvise operatorer i de kommende afsnit.

Relaterede: En introduktion til datatyper i JavaScript

3. Strengoperatorer

Sammenkædningsoperatøren (+) bruges til at sammenkæde (tilføje) strenge.

let result = "Make" + "Brug" + "Af";
console.log (resultat);

Produktion:

Gøre brug af

4. Sammenligningsoperatører

Sammenligningsoperatorer bruges til at sammenligne operander, og det returnerer en logisk værdi (sand eller falsk) på grundlag af sammenligning. JavaScript giver følgende sammenligningsoperatorer:

Equal Operator (==)

Den lige operator (==) vender tilbage sand hvis operanderne er lige store. Den sammenligner kun værdierne af operander og ignorerer deres type, mens den sammenlignes.

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

Produktion:

falsk
sand

Ikke lige operatør(!=)

Ikke lige operatør (!=) vender tilbage sand hvis operanderne ikke er ens. Den ignorerer også typen af ​​operander, mens den sammenlignes.

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

Produktion:

sand
falsk

Strict Equal-operatør ()

Den strengt lige operatør () vender tilbage sand hvis operanderne er lige store. Den sammenligner begge - værdierne og typerne af operander, mens den sammenlignes.

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

Produktion:

falsk
falsk

Strict Not Equal Operator (!==)

Den strengt ikke lige operatør (!==) vender tilbage sand hvis operanderne ikke er ens. Den sammenligner også begge - værdierne og typen af ​​operander, mens den sammenlignes.

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

Produktion:

sand
sand

Større end operatør (>)

Jo større end operatoren (>) returnerer sand, hvis venstre operand er større end højre operand.

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

Produktion:

sand
falsk

Større end eller lige operatør (>=)

Operatoren større end eller lig (>=) returnerer sand, hvis venstre operand er større end eller lig med højre operand.

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

Produktion:

sand
sand

Mindre end operatør (

Den mindre end operatør (<) returnerer sand, hvis venstre operand er mindre end højre operand.

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

Produktion:

falsk
falsk

Mindre end eller lige operatør(<=)

Operatoren mindre end eller lig (<=) returnerer sand, hvis venstre operand er mindre end eller lig med højre operand.

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

Produktion:

falsk
sand

Relaterede: Sådan bygger du en simpel regnemaskine ved hjælp af HTML, CSS og JavaScript

5. Logiske operatører

Ifølge embedsmanden MDN Docs, JavaScript giver følgende logiske operatorer:

Logisk OG (&&)

Brug: udtr1 && udtr2

Returnerer udtr1, hvis det kan konverteres til falsk; ellers returnerer udtr2. Når det bruges med booleske værdier, && vender tilbage sand hvis begge operander er sande; ellers vender den tilbage falsk.

console.log (sand && falsk);

Produktion:

falsk

Logisk ELLER (||)

Brug: udtr1 || udtr2

Returnerer udtr1, hvis den kan konverteres til sand; ellers returnerer udtr2. Når det bruges med booleske værdier, || vender tilbage sand hvis en af ​​operanderne er sande; hvis begge er falske, vender tilbage falsk.

console.log (sand || falsk);

Produktion:

sand

Logisk IKKE (!)

Brug: !udtr

Vender tilbage falsk hvis dens enkelte operand kan konverteres til sand; ellers vender tilbage sand.

console.log(!true);

Produktion:

falsk

6. Bitwise operatører

JavaScript giver følgende bitvise operatorer:

Bitvist OG Operator (&)

Denne operatør udfører en Boolean OG operation på hver bit af dens heltalsargumenter.

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

Produktion:

0

Bitvis ELLER Operator (|)

Denne operatør udfører en Boolean ELLER operation på hver bit af dens heltalsargumenter.

console.log (4 | 1);

Produktion:

5

Bitwise XOR Operator (^)

Denne operatør udfører en boolesk eksklusiv ELLER operation på hver bit af dens heltalsargumenter.

console.log (4 ^ 1);

Produktion:

5

Bitwise NOT Operator (~)

Denne operator vender alle bits i operanden.

console.log(~4);

Produktion:

-5

Bemærk: JavaScript konverterer tal til 32-bit heltal med fortegn, før der udføres en bitvis handling. Og når handlingen udføres, konverterer den resultatet tilbage til 64-bit JavaScript-numre.

Venstre skiftoperatør (<

Denne operator flytter alle bits i sin første operand til venstre med det antal pladser, der er angivet i den anden operand.

console.log (4<<1);

Produktion:

8

Højre gearskifter (>>)

Denne operator flytter alle bits i sin første operand til højre med det antal steder, der er angivet i den anden operand.

console.log (4>>1);

Produktion:

2

7. Særlige operatører

Ternær operatør

Den ternære operator er forkortningen af if-else erklæring. Det tildeler værdi til en variabel baseret på en betingelse, syntaksen for samme er:

tilstand? værdi1: værdi2

Hvis betingelsen er sand, returnerer operatøren værdien af værdi1. Ellers returnerer den værdien af værdi2.

lad resultat = (200>100)? "Ja Nej";
console.log (resultat);

Produktion:

Ja

Operatørtype

Det type operator bruges til at finde datatypen for en værdi eller variabel.

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

Produktion:

nummer
snor

Brug JavaScript One-Liners til at kode som en professionel

Du kan udføre en bred vifte af operationer ved at bruge kun én linje kode i JavaScript. Uanset om du har brug for at blande et array, registrere mørk tilstand i en browser, generere tilfældigt UUID eller finde gennemsnittet af et array, kan du opnå det med blot en linje kode.

11 JavaScript One-Liner du bør kende

Opnå meget med kun lidt kode ved at bruge dette brede udvalg af JavaScript one-liners.

Læs Næste

Om forfatteren