Referentie voor JavaScript -operators
JavaScript-operators worden gebruikt om waarden toe te wijzen, waarden te vergelijken, rekenkundige bewerkingen uit te voeren en meer.
JavaScript rekenkundige operators
Rekenkundige operatoren worden gebruikt om berekeningen tussen variabelen en/of waarden uit te voeren.
Aangezien y = 5 , verklaart de onderstaande tabel de rekenkundige operatoren:
| Operator | Description | Example | Result in y | Result in x | Try it |
|---|---|---|---|---|---|
| + | Addition | x = y + 2 | y = 5 | x = 7 | |
| - | Subtraction | x = y - 2 | y = 5 | x = 3 | |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | |
| / | Division | x = y / 2 | y = 5 | x = 2.5 | |
| % | Modulus (division remainder) | x = y % 2 | y = 5 | x = 1 | |
| ++ | Increment | x = ++y | y = 6 | x = 6 | |
| x = y++ | y = 6 | x = 5 | |||
| -- | Decrement | x = --y | y = 4 | x = 4 | |
| x = y-- | y = 4 | x = 5 |
Voor een tutorial over rekenkundige operatoren, lees onze JavaScript Arithmetic Tutorial .
JavaScript-toewijzingsoperators
Toewijzingsoperators worden gebruikt om waarden toe te wijzen aan JavaScript-variabelen.
Aangezien x = 10 en y = 5 , verklaart de onderstaande tabel de toewijzingsoperatoren:
| Operator | Example | Same As | Result in x | Try it |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | |
| += | x += y | x = x + y | x = 15 | |
| -= | x -= y | x = x - y | x = 5 | |
| *= | x *= y | x = x * y | x = 50 | |
| /= | x /= y | x = x / y | x = 2 | |
| %= | x %= y | x = x % y | x = 0 |
Lees onze JavaScript Assignment Tutorial voor een tutorial over toewijzingsoperators .
JavaScript-tekenreeksoperators
De operator + en de operator += kunnen ook worden gebruikt om tekenreeksen samen te voegen (toe te voegen).
Aangezien text1 = "Good " , text2 = "Morning" en text3 = "" , worden in de onderstaande tabel de operatoren uitgelegd:
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Vergelijkingsoperators
Vergelijkingsoperatoren worden gebruikt in logische instructies om de gelijkheid of het verschil tussen variabelen of waarden te bepalen.
Aangezien x = 5 , verklaart de onderstaande tabel de vergelijkingsoperatoren:
| Operator | Description | Comparing | Returns | Try it |
|---|---|---|---|---|
| == | equal to | x == 8 | false | |
| x == 5 | true | |||
| === | equal value and equal type | x === "5" | false | |
| x === 5 | true | |||
| != | not equal | x != 8 | true | |
| !== | not equal value or not equal type | x !== "5" | true | |
| x !== 5 | false | |||
| > | greater than | x > 8 | false | |
| < | less than | x < 8 | true | |
| >= | greater than or equal to | x >= 8 | false | |
| <= | less than or equal to | x <= 8 | true |
Voor een tutorial over vergelijkingsoperatoren, lees onze JavaScript-vergelijkingshandleiding .
Voorwaardelijke (ternaire) operator
De voorwaardelijke operator wijst een waarde toe aan een variabele op basis van een voorwaarde.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Voorbeeld uitgelegd: Als de variabele "leeftijd" een waarde lager dan 18 is, is de waarde van de variabele "stembaar" "Te jong", anders is de waarde van stembaar "Oud genoeg".
Logische operators
Logische operatoren worden gebruikt om de logica tussen variabelen of waarden te bepalen.
Aangezien x = 6 en y = 3 , verklaart de onderstaande tabel de logische operatoren:
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
JavaScript Bitwise-operators
Bit-operators werken op 32-bits getallen. Elke numerieke operand in de bewerking wordt omgezet in een 32-bits getal. Het resultaat wordt terug geconverteerd naar een JavaScript-nummer.
| Operator | Description | Example | Same as | Result | Decimal |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
De bovenstaande voorbeelden gebruiken 4-bits niet-ondertekende voorbeelden. Maar JavaScript gebruikt 32-bits ondertekende nummers.
Daarom zal in JavaScript ~ 5 geen 10 retourneren. Het zal -6 retourneren.
~000000000000000000000000000101 geeft 1111111111111111111111111111111010 terug
Het type operator:
De operator typeof retourneert het type van een variabele, object, functie of expressie:
Voorbeeld
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Let op:
- Het gegevenstype van NaN is getal
- Het gegevenstype van een array is object
- Het gegevenstype van een datum is object
- Het gegevenstype van null is object
- Het gegevenstype van een ongedefinieerde variabele is ongedefinieerd
U kunt typeof niet gebruiken om te definiëren of een JavaScript-object een array (of een datum) is.
De verwijderoperator
De delete -operator verwijdert een eigenschap van een object:
Voorbeeld
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
De delete-operator verwijdert zowel de waarde van de eigenschap als de eigenschap zelf.
Na verwijdering kan de eigenschap niet worden gebruikt voordat deze weer is toegevoegd.
De delete-operator is ontworpen om te worden gebruikt voor objecteigenschappen. Het heeft geen effect op variabelen of functies.
Opmerking: De delete-operator mag niet worden gebruikt voor vooraf gedefinieerde JavaScript-objecteigenschappen. Het kan uw toepassing laten crashen.
De in-operator
De operator in retourneert true als de opgegeven eigenschap zich in het opgegeven object bevindt, anders false:
Voorbeeld
// Arrays
const cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars // Returns false (specify the index number instead of value)
0 in cars // Returns true
1 in cars // Returns true
4 in cars // Returns false (does not exist)
"length" in cars // Returns true (length is an Array property)
// Objects
const person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person // Returns true
"age" in person // Returns true
// Predefined objects
"PI" in Math // Returns true
"NaN" in Number // Returns true
"length" in String // Returns true
De instantie van Operator
De operator instanceof retourneert true als het opgegeven object een instantie is van het opgegeven object:
Voorbeeld
const cars = ["Saab", "Volvo", "BMW"];
(cars instanceof Array) // Returns true
(cars instanceof Object) // Returns true
(cars instanceof String) // Returns false
(cars instanceof Number) // Returns false
De lege operator
De void- operator evalueert een uitdrukking en retourneert undefined . Deze operator wordt vaak gebruikt om de ongedefinieerde primitieve waarde te verkrijgen met "void(0)" (handig bij het evalueren van een uitdrukking zonder de geretourneerde waarde te gebruiken).
Voorbeeld
<a href="#;">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click me to change the background color of body to red
</a>