I denne vejledning lærer du om forskellige operatører, der er tilgængelige i JavaScript, og hvordan du bruger dem ved hjælp af eksempler.
Hvad er en operatør?
I JavaScript er en operatør et specielt symbol, der bruges til at udføre operationer på operander (værdier og variabler). For eksempel,
2 + 3; // 5
Her +
er en operatør, der udfører tilføjelse 2
og 3
er operander.
JavaScript-operatørtyper
Her er en liste over forskellige operatører, du vil lære i denne vejledning.
- Opgaveoperatører
- Aritmetiske operatører
- Sammenligningsoperatører
- Logiske operatører
- Bitvise operatører
- Stringoperatører
- Andre operatører
JavaScript-tildelingsoperatører
Tildelingsoperatører bruges til at tildele værdier til variabler. For eksempel,
const x = 5;
Her =
bruges operatøren til at tildele værdi 5
til variabel x
.
Her er en liste over almindeligt anvendte tildelingsoperatører:
Operatør | Navn | Eksempel |
---|---|---|
= | Opdragsoperatør | a = 7; // 7 |
+= | Tilføjelsesopgave | a += 5; // a = a + 5 |
-= | Subtraktionstildeling | a -= 2; // a = a - 2 |
*= | Multiplikationstildeling | a *= 3; // a = a * 3 |
/= | Division Opgave | a /= 2; // a = a / 2 |
%= | Resterende opgave | a %= 2; // a = a % 2 |
**= | Eksponentieringstildeling | a **= 2; // a = a**2 |
Bemærk: Den almindeligt anvendte tildelingsoperatør er =
. Du vil forstå andre opgavetyper aktører såsom +=
, -=
, *=
osv, når vi lærer aritmetiske operatorer.
JavaScript-aritmetiske operatører
Aritmetiske operatorer bruges til at udføre aritmetiske beregninger . For eksempel,
const number = 3 + 5; // 8
Her +
bruges operatøren til at tilføje to operander.
Operatør | Navn | Eksempel |
---|---|---|
+ | Tilføjelse | x + y |
- | Subtraktion | x - y |
* | Multiplikation | x * y |
/ | Division | x / y |
% | Resten | x % y |
++ | Forøgelse (forøgelse med 1) | ++x eller x++ |
-- | Reduktion (reduktion med 1) | --x eller x-- |
** | Eksponentiering (magt) | 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øg ++ og - operatør for at lære mere.
Produktion
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
Bemærk : ** Operatøren blev introduceret i EcmaScript 2016, og nogle browsere understøtter dem muligvis ikke. Hvis du vil vide mere, skal du besøge JavaScript-eksponentiering browsersupport.
JavaScript-sammenligningsoperatører
Sammenligningsoperatører sammenligner to værdier og returnerer en boolsk værdi, enten true
eller false
. For eksempel,
const a = 3, b = 2; console.log(a> b); // true
Her >
bruges sammenligningsoperatoren til at sammenligne, om a er større end b.
Operatør | Beskrivelse | Eksempel |
---|---|---|
== | Lig med : returnerer, true hvis operanderne er ens | x == y |
!= | Ikke lig med : vender tilbage, true hvis operanderne ikke er ens | x != y |
=== | Streng lig med : true hvis operanderne er ens og af samme type | x === y |
!== | Streng ikke lig med : true hvis operanderne er ens, men af forskellig type eller slet ikke ens | x !== y |
> | Større end : true hvis venstre operand er større end den højre operand | x> y |
>= | Større end eller lig med : true hvis venstre operand er større end eller lig med den højre operand | x>= y |
< | Mindre end : true hvis den venstre operand er mindre end den højre operand | x < y |
<= | Mindre end eller lig med : true hvis den venstre operand er mindre end eller lig med den højre 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
Bemærk: Når den +
bruges med strenge, udfører den sammenkædning. Men når +
det bruges med tal, udfører det tilføjelse.
Andre JavaScript-operatører
Her er en liste over andre operatører, der er tilgængelige i JavaScript. Du vil lære om disse operatører i senere tutorials.
Operatør | Beskrivelse | Eksempel |
---|---|---|
, | evaluerer flere operander og returnerer værdien af den sidste operand. | let a = (1, 3 , 4); // 4 |
?: | returnerer værdi baseret på betingelsen | (5> 3) ? 'success' : 'error'; // "success" |
delete | sletter et objekts ejendom eller et element i et array | delete x |
typeof | returnerer en streng, der angiver datatypen | typeof 3; // "number" |
void | kasserer udtrykets returværdi | void(x) |
in | returnerer, true hvis den angivne egenskab er i objektet | prop in object |
instanceof | vender tilbage, true hvis det angivne objekt er af den angivne objekttype | object instanceof object_type |