I denne veiledningen vil du lære om forskjellige operatører som er tilgjengelige i JavaScript, og hvordan du bruker dem ved hjelp av eksempler.
Hva er en operatør?
I JavaScript er en operatør et spesielt symbol som brukes til å utføre operasjoner på operander (verdier og variabler). For eksempel,
2 + 3; // 5
Her +er en operatør som utfører tillegg, 2og som 3er operander.
JavaScript-operatørtyper
Her er en liste over forskjellige operatører du vil lære i denne opplæringen.
- Oppdragsoperatører
- Aritmetiske operatører
- Sammenligningsoperatører
- Logiske operatører
- Bitvise operatører
- Strengoperatører
- Andre operatører
JavaScript-tildelingsoperatører
Oppdragsoperatører brukes til å tilordne verdier til variabler. For eksempel,
const x = 5;
Her brukes =operatøren til å tildele verdi 5til variabel x.
Her er en liste over ofte brukte oppdragsoperatører:
| Operatør | Navn | Eksempel |
|---|---|---|
= | Oppdragsoperatør | a = 7; // 7 |
+= | Tilleggsoppgave | a += 5; // a = a + 5 |
-= | Subtraheringsoppgave | a -= 2; // a = a - 2 |
*= | Multiplikasjonsoppgave | a *= 3; // a = a * 3 |
/= | Divisjonsoppgave | a /= 2; // a = a / 2 |
%= | Resterende oppgave | a %= 2; // a = a % 2 |
**= | Eksponentieringsoppgave | a **= 2; // a = a**2 |
Merk: Den vanligste oppdragsoperatøren er =. Du vil forstå andre oppdrag operatører som +=, -=, *=osv når vi lærer aritmetiske operatører.
JavaScript-aritmetiske operatører
Aritmetiske operatorer brukes til å utføre aritmetiske beregninger . For eksempel,
const number = 3 + 5; // 8
Her brukes +operatøren til å legge til to operander.
| Operatør | Navn | Eksempel |
|---|---|---|
+ | Addisjon | x + y |
- | Subtraksjon | x - y |
* | Multiplikasjon | x * y |
/ | Inndeling | x / y |
% | Rest | x % y |
++ | Inkrement (trinn med 1) | ++x eller x++ |
-- | Nedgang (nedgang med 1) | --x eller x-- |
** | Eksponensiering (kraft) | x ** y |
Eksempel 1: Aritmetiske operatorer i JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Besøk ++ og - operatør for å lære mer.
Produksjon
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Merk : ** Operatøren ble introdusert i EcmaScript 2016, og noen nettlesere støtter kanskje ikke dem. Hvis du vil vite mer, kan du gå til JavaScript-eksponentiering nettleserstøtte.
JavaScript-sammenligningsoperatører
Sammenligningsoperatører sammenligner to verdier og returnerer en boolsk verdi, enten trueeller false. For eksempel,
const a = 3, b = 2; console.log(a> b); // true
Her >brukes sammenligningsoperatøren til å sammenligne om a er større enn b.
| Operatør | Beskrivelse | Eksempel |
|---|---|---|
== | Lik : returnerer truehvis operandene er like | x == y |
!= | Ikke lik : returnerer truehvis operandene ikke er like | x != y |
=== | Strengt lik : truehvis operandene er like og av samme type | x === y |
!== | Strengt ikke lik : truehvis operandene er like, men av forskjellig type eller ikke like i det hele tatt | x !== y |
> | Større enn : truehvis venstre operand er større enn høyre operand | x> y |
>= | Større enn eller lik : truehvis venstre operand er større enn eller lik høyre operand | x>= y |
< | Mindre enn : truehvis venstre operand er mindre enn høyre operand | x < y |
<= | Mindre enn eller lik : truehvis venstre operand er mindre enn eller lik høyre operand | x <= y |
Eksempel 2: Sammenligningsoperatører i JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Merk: Når +det brukes med strenger, utfører det sammenkobling. Når +det brukes med tall, utfører det imidlertid tillegg.
Andre JavaScript-operatører
Her er en liste over andre operatører som er tilgjengelige i JavaScript. Du vil lære om disse operatørene i senere opplæringsprogrammer.
| Operatør | Beskrivelse | Eksempel |
|---|---|---|
, | evaluerer flere operander og returnerer verdien til den siste operanden. | let a = (1, 3 , 4); // 4 |
?: | returnerer verdi basert på tilstanden | (5> 3) ? 'success' : 'error'; // "success" |
delete | sletter et objekts eiendom, eller et element i en matrise | delete x |
typeof | returnerer en streng som indikerer datatypen | typeof 3; // "number" |
void | forkaster uttrykkets returverdi | void(x) |
in | returnerer truehvis den spesifiserte egenskapen er i objektet | prop in object |
instanceof | returnerer truehvis det spesifiserte objektet er av den angitte objekttypen | object instanceof object_type |
