JavaScript operaattorit viittausopas

JavaScriptin operaattorit käytetään arvojen asettamiseen, arvojen vertaamiseen, laskutoimitusten suorittamiseen jne.

Katso myös:

Oppitunti:JavaScript-operaattorit

Oppitunti:JavaScript operaattoreiden etusijaisuus

JavaScriptin laskutoimitusoperaattorit

Laskutoimitusoperaattorit suorittavat laskutoimituksia muuttujien ja/tai arvojen välillä.

Annettu y on 5Seuraavassa taulukossa selitetään laskutoimitusoperaattorit:

Laskin Kuvaus Esimerkki y:ssä oleva tulos x:ssä oleva tulos Kokeile itse
+ Lisääminen x on y + 2 y on 5 x on 7 Kokeile itse
- Vähennys x on y - 2 y on 5 x on 3 Kokeile itse
* Kertominen x on y * 2 y on 5 x on 10 Kokeile itse
/ Jako x on y / 2 y on 5 x on 2.5 Kokeile itse
% Jäännös (jäännös jakamisesta) x on y % 2 y on 5 x on 1 Kokeile itse
++ Kertyminen x on ++y y on 6 x = 6 Kokeile itse
x on y++ y on 6 x on 5 Kokeile itse
-- Vähennys x on --y y on 4 x on 4 Kokeile itse
x on y-- y on 4 x on 5 Kokeile itse

Lue lisää laskutoimitusoperaattoreista: JavaScriptin laskutoimitusopas.

JavaScriptin asetusoperaattorit

Asetusoperaattorit käytetään JavaScript-muuttujien arvojen asettamiseen.

Annettu x on 10 ja y on 5Seuraavassa taulukossa selitetään asetusoperaattorit:

Laskin Esimerkki On yhtä kuin x:ssä oleva tulos Kokeile itse
= x on y x on y x on 5 Kokeile itse
+= x += y x on x + y x on 15 Kokeile itse
-= x -= y x on x - y x on 5 Kokeile itse
*= x *= y x on x * y x on 50 Kokeile itse
/= x /= y x on x / y x on 2 Kokeile itse
%= x %= y x on x % y x on 0 Kokeile itse

Lue lisää asetusoperaattoreista: JavaScriptin asetusopas.

JavaScriptin merkkijonon operaattorit

+ operaattori ja += operaattori voidaan käyttää merkkijonojen yhdistämiseen (lisäämiseen).

Annettu text1 = "Hyvää "jatext2 = "Aamu"ja text3 = ""Seuraavassa taulukossa selitetään tämä operaattori:

Laskin Esimerkki text1 text2 text3 Kokeile itse
+ text3 = text1 + text2 "Hyvää " "Aamu" "Hyvää aamua" Kokeile itse
+= text1 += text2 "Hyvää aamua" "Aamu" "" Kokeile itse

Verrauslaskin

Käytä verrauslaskinta logiikkalauseissa määrittääksesi muuttujien tai arvojen välistä yhtäkkyyttä tai eroa.

Annettu x on 5Seuraavassa taulukossa selitetään verrauslaskin:

Laskin Kuvaus Vertailla Palauttaa Kokeile itse
On yhtä On yhtä x on yhtä 8:lle epätotta Kokeile itse
x on yhtä 5:lle totta Kokeile itse
On yhtä Sama arvo ja sama tyyppi x on yhtä "5":lle epätotta Kokeile itse
x on yhtä 5:lle totta Kokeile itse
Ei ole yhtä Ei ole yhtä x != 8 totta Kokeile itse
!== Eri arvot tai eri tyypit x !== "5" totta Kokeile itse
x !== 5 epätotta Kokeile itse
> Suurempi kuin x > 8 epätotta Kokeile itse
< Pienempi kuin x < 8 totta Kokeile itse
>= Suurempi tai yhtä suuri kuin x >= 8 epätotta Kokeile itse
<= Pienempi tai yhtä suuri kuin x <= 8 totta Kokeile itse

Lue lisää suhdeoperaattoreista: JavaScript-suhdeopas.

Ehdollinen operaattori (kolmikantainen)

Ehdollinen operaattori (kolmikantainen) asettaa arvon muuttujalle ehdosta riippuen.

syntaksi

variablename = (condition) ? value1:value2

Esimerkki

voteable = (age < 18) ? "Liian nuori":"Liikaa vanha";

Kokeile itse

Esimerkki selityksestä:

Jos muuttujan "age" arvo on alle 18, muuttujan "voteable" arvo on "Liian nuori", muuten "voteable" arvo on "Liikaa vanha".

Loogiset operaattorit

Loogiset operaattorit käytetään määrittämään muuttujien tai arvojen välistä loogista.

Annettu x = 6 ja y = 3Seuraavassa taulukossa selitetään loogiset operaattorit:

Laskin Kuvaus Esimerkki Kokeile itse
&& ja (x < 10 && y > 1) on totta Kokeile itse
|| tai (x === 5 || y === 5) on epätotta Kokeile itse
! ei !(x === y) on totta Kokeile itse

JavaScript-bittilaskin

Bitlaskin voi käsitellä 32-bittisiä lukuja. Kaikki lukuoperatijat muunnetaan 32-bittisiksi luvuiksi. Tulos muunnetaan takaisin JavaScript-luvuksi.

Laskin Kuvaus Esimerkki On yhtä kuin Tulos Desimaalinen
& 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
<< Vasen siirtymä x = 5 << 1 0101 << 1 1010 10
>> Oikea siirtymä x = 5 >> 1 0101 >> 1 0010 2

Yllä olevassa esimerkissä käytettiin 4-bittistä esimerkkiä. Mutta JavaScript käyttää 32-bittistä merkkijonoa.

Siksi JavaScriptissä ~5 ei palauta 10 vaan -6.

~00000000000000000000000000000101 palauttaa 11111111111111111111111111111010

typeof operaattori

typeof Operaattori palauttaa muuttujan, objektin, funktion tai lausekkeen tyyppin:

Esimerkki

typeof "Bill"                 // Palauttaa string
typeof 3.14                   // Palauttaa number
typeof NaN                    // Palauttaa number
typeof false                  // Palauttaa boolean
typeof [1, 2, 3, 4]           // Palauttaa object
typeof {name:'Bill', age:19}  // Palauttaa object
typeof new Date()             // Palauttaa object
typeof function () {}         // Palauttaa function
typeof myCar                  // Palauttaa undefined (jos myCar ei ole määritelty)
typeof null                   // Palauttaa object

Kokeile itse

Huomaa:

  • NaN:n tietotyyppi on number
  • Taulukon tietotyyppi on object
  • Päivämäärän tietotyyppi on object
  • null:n tietotyyppi on object
  • Määrittelemättömän muuttujan tietotyyppi on undefined

Et voi käyttää typeof operaattoria määrittääksesi, onko JavaScript-objekti taulukko (tai päivämäärä).

Et voi käyttää typeof operaattoria määrittääksesi, onko JavaScript-objekti taulukko (tai päivämäärä).

delete operaattori

delete Operaattori poistaa ominaisuuden objektista:

Esimerkki

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

Kokeile itse

delete operaattori poistaa sekä ominaisuuden arvon että ominaisuuden itsensä.

Poistamisen jälkeen, ennen kuin lisätään se uudelleen, ominaisuutta ei voida käyttää.

delete operaattori tarkoitetaan käytettäväksi objektin ominaisuuksissa. Se ei vaikuta muuttujiin tai funktioihin.

Huomautus：Ei tulisi käyttää delete operaattoria määritellyillä JavaScript-objektin ominaisuuksilla. Tämä voi aiheuttaa sovelluksesi kaatumisen.

in operaattori

Jos määritetty ominaisuus on määritetyn objektin ominaisuus: in Operaattori palauttaa true, muuten false:

Esimerkki

// Taulukko
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Palauttaa false (määritetty indeksi eikä arvo)
0 in cars               // Palauttaa true
1 in cars               // Palauttaa true
4 in cars               // Palauttaa false (ei ole olemassa)
"length" in cars        // Palauttaa true (length on taulukon ominaisuus)
// Objekti
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person   // Palauttaa true
"age" in person         // Palauttaa true
// Määritellyt objektit
"PI" in Math            // Palauttaa true
"NaN" in Number         // Palauttaa true
"length" in String      // Palauttaa true

Kokeile itse

instanceof operaattori

Jos määritetty objekti on määritetyn objektin instanssi: instanceof Operaattori palauttaa true:

Esimerkki

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

Kokeile itse

void operaattori

void Operaattori laskee lausekkeen ja palauttaa määrittelemätönTämä operaattori käytetään yleensä saadakseen määrittelemätön alkuperäinen arvo käyttämällä "void(0)" (hyödyllistä laskutoimitusten suorittamisessa ilman paluuarvoa).

Esimerkki

<a href="javascript:void(0);">
  Hyödytön linkki
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
  Napsauta tätä muuttaakseni bodyn taustavärin punaiseksi
</a>

Kokeile itse