JavaScript Operator Referenties

JavaScript operators worden gebruikt voor toewijzing, waarde vergelijking, uitvoeren van wiskundige operaties, enz.

Bekijk ook:

Tutorial:JavaScript operators

Tutorial:JavaScript Operator Prioriteit

JavaScript wiskundige operators

Wiskundige operators worden gebruikt om wiskundige operaties uit te voeren tussen variabelen en / of waarden.

Gegeven y = 5，de volgende tabel verduidelijkt de wiskundige operators:

Bewerker Beschrijving Voorbeeld het resultaat in y het resultaat in x Probeer het zelf
+ toevoegen x = y + 2 y = 5 x = 7 Probeer het zelf
- verminderen x = y - 2 y = 5 x = 3 Probeer het zelf
* vermenigvuldigen x = y * 2 y = 5 x = 10 Probeer het zelf
/ delen x = y / 2 y = 5 x = 2.5 Probeer het zelf
% modulus (overblijfende deler) x = y % 2 y = 5 x = 1 Probeer het zelf
++ oplopend x = ++y y = 6 x = 6 Probeer het zelf
x = y++ y = 6 x = 5 Probeer het zelf
-- afnemend x = --y y = 4 x = 4 Probeer het zelf
x = y-- y = 4 x = 5 Probeer het zelf

Over het weten van wiskundige operators, lees onze JavaScript wiskundige tutorial.

JavaScript toewijzings operators

Toewijzings operators worden gebruikt om JavaScript variabelen toe te wijzen.

Gegeven x = 10 en y = 5，de volgende tabel verduidelijkt de toewijzings operators:

Bewerker Voorbeeld Gelijk aan het resultaat in x Probeer het zelf
= x = y x = y x = 5 Probeer het zelf
+= x += y x = x + y x = 15 Probeer het zelf
-= x -= y x = x - y x = 5 Probeer het zelf
*= x *= y x = x * y x = 50 Probeer het zelf
/= x /= y x = x / y x = 2 Probeer het zelf
%= x %= y x = x % y x = 0 Probeer het zelf

Over het weten van toewijzings operators, lees onze JavaScript toewijzing tutorial.

JavaScript string operator

+ operator en += operator kunnen ook worden gebruikt om strings te koppelen (toevoegen).

Gegeven text1 = "Good "、text2 = "Morning"，en text3 = ""，de volgende tabel verduidelijkt het operator:

Bewerker Voorbeeld text1 text2 text3 Probeer het zelf
+ text3 = text1 + text2 "Good " "Good Morning" "Good Morning" Probeer het zelf
+= text1 += text2 "Good Morning" "Good Morning" "" Probeer het zelf

vergelijkings tekens

Gebruik vergelijkingstekens in logische zinnen om de gelijkheid of het verschil tussen variabelen of waarden te bepalen.

Gegeven x = 5，de volgende tabel verduidelijkt de vergelijkingstekens:

Bewerker Beschrijving vergelijken teruggeven Probeer het zelf
== gelijk x == 8 false Probeer het zelf
x == 5 true Probeer het zelf
=== gelijke waarden en gelijke typen x === "5" false Probeer het zelf
x === 5 true Probeer het zelf
!== onze ongelijke x != 8 true Probeer het zelf
!== Waarden of typen die niet gelijk zijn x !== "5" true Probeer het zelf
x !== 5 false Probeer het zelf
> Groter x > 8 false Probeer het zelf
< Kleiner x < 8 true Probeer het zelf
>= Groter of gelijk aan x >= 8 false Probeer het zelf
<= Kleiner of gelijk aan x <= 8 true Probeer het zelf

Meer informatie over vergelijkingsbewerkers, lees onze JavaScript vergelijkingsles.

Voorwaardelijke (drievoudige) operator

De voorwaardelijke operator assigneert een waarde aan een variabele op basis van de voorwaarde.

syntaxis

variablename = (condition) ? value1:value2

Voorbeeld

voteable = (age < 18) ? "Te jong":"Voldoende oud";

Try it yourself

Voorbeeld uitleg:

Als de waarde van de variabele "age" minder is dan 18, zal de waarde van de variabele "voteable" "Te jong" zijn, anders zal de waarde van "voteable" "Voldoende oud" zijn.

Logische bewerker

Logische bewerkers worden gebruikt om de logica tussen variabelen of waarden te bepalen.

Gegeven x = 6 en y = 3De tabel hieronder legt de logische bewerkers uit:

Bewerker Beschrijving Voorbeeld Probeer het zelf
&& and (x < 10 && y > 1) is true Probeer het zelf
|| or (x === 5 || y === 5) is false Probeer het zelf
! not !(x === y) is true Probeer het zelf

JavaScript bitbewerkers

Bitbewerkers kunnen 32-bits getallen verwerken. Elk getal als operand in deze bewerking wordt omgezet in een 32-bits getal. Het resultaat wordt omgezet in een JavaScript-getal.

Bewerker Beschrijving Voorbeeld Gelijk aan Resultaat Decimaal
& 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 ^ 0100 4
<< Links verschuiven x = 5 << 1 0101 << 1 1010 10
>> Rechts verschuiven x = 5 >> 1 0101 >> 1 0010 2

Het bovenstaande voorbeeld gebruikt een 4-cijferige ongetekende voorbeeld. Maar JavaScript gebruikt een 32-bits getekend getal.

Daarom, in JavaScript, ~ 5 zal niet 10 teruggeven, maar -6.

~00000000000000000000000000000101 retourneert 11111111111111111111111111111010

De typeof-betekenis

typeof De betekenis retourneert het type van variabelen, objecten, functies of expressies:

Voorbeeld

typeof "Bill"                 // Retourneert string
typeof 3.14                   // Retourneert number
typeof NaN                    // Retourneert number
typeof false                  // Retourneert boolean
typeof [1, 2, 3, 4]           // Retourneert object
typeof {name:'Bill', age:19}  // Retourneert object
typeof new Date()             // Retourneert object
typeof function () {}         // Retourneert function
typeof myCar                  // Retourneert undefined (als myCar niet is gedeclareerd)
typeof null                   // Retourneert object

Try it yourself

Let op:

  • Het gegevenstype van NaN is number
  • Het gegevenstype van een array is object
  • Het gegevenstype van een datum is object
  • Het gegevenstype van null is object
  • De gegevenstype van een ongedefinieerde variabele is undefined

U kunt typeof niet gebruiken om te definiëren of een JavaScript-object een array (of een datum) is.

U kunt typeof niet gebruiken om te definiëren of een JavaScript-object een array (of een datum) is.

De delete-betekenis

delete De betekenis verwijdert eigenschappen van het object:

Voorbeeld

var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"};
delete person.age;   // Verwijder person["age"];

Try it yourself

De delete-betekenis verwijdert zowel de waarde van de eigenschap als de eigenschap zelf.

Na het verwijderen kan de eigenschap niet worden gebruikt totdat deze opnieuw wordt toegevoegd.

De delete-betekenis wordt gebruikt voor objecteigenschappen. Het heeft geen invloed op variabelen of functies.

Opmerking:Gebruik de delete operator niet op de vooraf gedefinieerde JavaScript object eigenschappen. Dit kan leiden tot het crashen van uw applicatie.

in operator

als de opgegeven eigenschap in het opgegeven object aanwezig is in De operator retourneert true, anders retourneert hij false:

Voorbeeld

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // retourneert false (specificeer de index in plaats van de waarde)
0 in cars               // retourneert true
1 in cars               // retourneert true
4 in cars               // retourneert false (bestaat niet)
"length" in cars        // retourneert true (length is een array-eigenschap)
// Objecten
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person   // retourneert true
"age" in person         // retourneert true
// Vooraf gedefinieerde objecten
"PI" in Math            // retourneert true
"NaN" in Number         // retourneert true
"length" in String      // retourneert true

Try it yourself

instanceof operator

als het opgegeven object een instantie is van het opgegeven object instanceof De operator retourneert true:

Voorbeeld

var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;          // retourneert true
cars instanceof Object;         // retourneert true
cars instanceof String;         // retourneert false
cars instanceof Number;         // retourneert false

Try it yourself

void operator

void De operator berekent een expressie en retourneert undefinedDeze operator wordt meestal gebruikt om de oorspronkelijke waarde die ongedefinieerd is met "void(0)" te verkrijgen (zeer nuttig bij het uitvoeren van expressies zonder de retourwaarde te gebruiken).

Voorbeeld

<a href="javascript:void(0);">
  Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of the body to red
</a>

Try it yourself