Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Muuttujien Ymmärtäminen JavaScriptissä | Muuttujat ja Tietotyypit JavaScriptissä
Johdanto JavaScriptiin

bookMuuttujien Ymmärtäminen JavaScriptissä

Muuttujat ovat keskeisessä roolissa ohjelmoinnissa, sillä niiden avulla voidaan tallentaa ja käyttää arvoja uudelleen.

Huomio

Muuttuja on kuin säiliö, joka voi sisältää erilaisia tietotyyppejä, kuten numeroita, tekstiä tai monimutkaisempia rakenteita.

Ennen muuttujan käyttöä se täytyy määritellä. Muuttuja määritellään käyttämällä let-avainsanaa ja valitsemalla sille nimi:

let variableName;

Huomio

Muuttujien nimet tulisi kirjoittaa camelCase-tyylillä. camelCase tarkoittaa, että sanat kirjoitetaan yhteen ilman välilyöntejä, ja jokainen sana (paitsi ensimmäinen) aloitetaan isolla kirjaimella.

Oletuksena uusi muuttuja sisältää arvon undefined, mikä tarkoittaa, että arvoa ei ole vielä asetettu.

Huomio

undefined-arvo ilmaisee, että muuttujalle ei ole vielä asetettu arvoa.

Voit asettaa muuttujalle arvon käyttämällä sijoitusoperaattoria (=):

let x;
x = 5;

Vaihtoehtoisesti voit asettaa arvon muuttujalle sen määrittelyn yhteydessä:

let x = 13;

Muuttujien käyttö

Muuttujia voidaan käyttää edustamaan erilaisia arvoja koodissasi, ja niitä voidaan käyttää uudelleen useita kertoja, mikä vähentää koodin toistoa.

1234
let word = "VariableText"; // The variable value is the `"VariableText"` console.log("ValueText"); // Print the `"ValueText"` console.log(word); // Print the variable value
copy

Voit asettaa ja muuttaa muuttujien arvoja tarpeen mukaan:

123456
let numb; numb = 100; console.log(numb); numb = 100 + 20; console.log(numb);
copy

Muuttujat ovat olennaisia ohjelmoinnissa, koska niiden avulla samaa arvoa voidaan käyttää uudelleen useita kertoja. Kuvittele tilanne, jossa olet kirjoittanut 1000 riviä koodia käyttäen tiettyä arvoa, mutta olet tehnyt kirjoitusvirheen, joka esiintyy useaan otteeseen. Tällöin sinun täytyisi korjata jokainen esiintymä koodissasi, mikä olisi huomattava ajan haaskaus.

Tarkastellaan nyt vastaavaa esimerkkiä, jossa rivejä on vähemmän:

1234
console.log("Hello Word!"); console.log("I love this Word!"); console.log("I need to live in this Word!"); console.log("This Word is the best!");
copy

Tässä esimerkissä kirjoittaja unohti vahingossa kirjaimen l sanasta World. Ohjelman korjaamiseksi sinun tarvitsee korjata vain yksi kirjoitusvirhe.

Katso seuraavaa esimerkkiä:

123456
let x = "Word"; console.log("Hello " + x + "!"); console.log("I love this " + x + "!"); console.log("I need to live in this " + x + "!"); console.log("This " + x + " is the best!");
copy

Voit korjata tämän muuttamalla yhden kirjaimen muuttujan arvossa "Word" muotoon "World". Korjaa annettu esimerkki itse.

Huomio

Yllä olevassa esimerkissä käytettiin merkkijonojen yhdistämistä. Käsittelemme merkkijonojen yhdistämistä tarkemmin seuraavassa osiossa.

question-icon

Määrittele muuttuja:

let = ;

Click or drag`n`drop items and fill in the blanks

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.5

bookMuuttujien Ymmärtäminen JavaScriptissä

Pyyhkäise näyttääksesi valikon

Muuttujat ovat keskeisessä roolissa ohjelmoinnissa, sillä niiden avulla voidaan tallentaa ja käyttää arvoja uudelleen.

Huomio

Muuttuja on kuin säiliö, joka voi sisältää erilaisia tietotyyppejä, kuten numeroita, tekstiä tai monimutkaisempia rakenteita.

Ennen muuttujan käyttöä se täytyy määritellä. Muuttuja määritellään käyttämällä let-avainsanaa ja valitsemalla sille nimi:

let variableName;

Huomio

Muuttujien nimet tulisi kirjoittaa camelCase-tyylillä. camelCase tarkoittaa, että sanat kirjoitetaan yhteen ilman välilyöntejä, ja jokainen sana (paitsi ensimmäinen) aloitetaan isolla kirjaimella.

Oletuksena uusi muuttuja sisältää arvon undefined, mikä tarkoittaa, että arvoa ei ole vielä asetettu.

Huomio

undefined-arvo ilmaisee, että muuttujalle ei ole vielä asetettu arvoa.

Voit asettaa muuttujalle arvon käyttämällä sijoitusoperaattoria (=):

let x;
x = 5;

Vaihtoehtoisesti voit asettaa arvon muuttujalle sen määrittelyn yhteydessä:

let x = 13;

Muuttujien käyttö

Muuttujia voidaan käyttää edustamaan erilaisia arvoja koodissasi, ja niitä voidaan käyttää uudelleen useita kertoja, mikä vähentää koodin toistoa.

1234
let word = "VariableText"; // The variable value is the `"VariableText"` console.log("ValueText"); // Print the `"ValueText"` console.log(word); // Print the variable value
copy

Voit asettaa ja muuttaa muuttujien arvoja tarpeen mukaan:

123456
let numb; numb = 100; console.log(numb); numb = 100 + 20; console.log(numb);
copy

Muuttujat ovat olennaisia ohjelmoinnissa, koska niiden avulla samaa arvoa voidaan käyttää uudelleen useita kertoja. Kuvittele tilanne, jossa olet kirjoittanut 1000 riviä koodia käyttäen tiettyä arvoa, mutta olet tehnyt kirjoitusvirheen, joka esiintyy useaan otteeseen. Tällöin sinun täytyisi korjata jokainen esiintymä koodissasi, mikä olisi huomattava ajan haaskaus.

Tarkastellaan nyt vastaavaa esimerkkiä, jossa rivejä on vähemmän:

1234
console.log("Hello Word!"); console.log("I love this Word!"); console.log("I need to live in this Word!"); console.log("This Word is the best!");
copy

Tässä esimerkissä kirjoittaja unohti vahingossa kirjaimen l sanasta World. Ohjelman korjaamiseksi sinun tarvitsee korjata vain yksi kirjoitusvirhe.

Katso seuraavaa esimerkkiä:

123456
let x = "Word"; console.log("Hello " + x + "!"); console.log("I love this " + x + "!"); console.log("I need to live in this " + x + "!"); console.log("This " + x + " is the best!");
copy

Voit korjata tämän muuttamalla yhden kirjaimen muuttujan arvossa "Word" muotoon "World". Korjaa annettu esimerkki itse.

Huomio

Yllä olevassa esimerkissä käytettiin merkkijonojen yhdistämistä. Käsittelemme merkkijonojen yhdistämistä tarkemmin seuraavassa osiossa.

question-icon

Määrittele muuttuja:

let = ;

Click or drag`n`drop items and fill in the blanks

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1
some-alt