JavaScript

Merkkijonot ja operaattorit JavaScriptissä

Merkkijonon määrittely

JavaScriptissä merkkijono (string) sijoitetaan aina lainausmerkkien sisään. Voit käyttää joko lainausmerkkejä ("), yksittäisiä lainausmerkkejä (') tai nk. backtickiä (`). Ainut ehto on, että merkkijonon sisältävän lauseen alku ja loppu käyttävät samaa syntaksia. Esimerkiksi: 


var sMuuttuja = "eka";
var sMuuttuja2 = 'Toka';
var sMuuttuja3 = `Kolmas`;

Kaikki syntaksit toimivat yhtä hyvin, ja valinta riippuu usein henkilökohtaisista mieltymyksistä ja koodin tyyliohjeista. Eroja syntyy, jos/kun haluat käyttää samaa lainausmerkkiä merkkijonossa, joka ympäröi merkkijonon itseään.

Yksinkertaisen lainausmerkin käyttö mahdollistaa mm. tavallisten lainausmerkkien käytön muuttujien arvoissa. Tämä on yleinen tilanne esimerkiksi silloin, kun rakennetaan dynaamista sisältöä tai muokataan HTML-koodia lennosta: 


firstParagraph.innerHTML = '<span class="ingressi">I</span>ngressi voidaan luoda myös näin.';

Jos muuttujan alustamisessa on käytetty lainausmerkkejä, lainausmerkin esittämisen muuttujan sisällössä pitää tehdä nk. escape-syntaksia hyödyntäen: 


firstParagraph.innerHTML = "<span class=\"ingressi\">I</span>;ngressi voidaan luoda myös näin.';.";

Backtick-syntaksi tarjoaa kaikista monipuolisimman tavan käsitellä merkkijonoja. Sen kanssa voi käyttää sekä tavallisia lainausmerkkejä että yksittäisia lainausmerkkejä. Backtickien käyttö mahdollistaa myös moniriviset merkkijonot sekä nk.template literalaalit) – tämä on erityisen hyödyllistä silloin, kun halutaan käsitellä pitkiä tekstejä. 


firstParagraph.innerHTML = `<span class="ingressi">I</span>
                            ngressi voidaan luoda myös näin.`;

Muotoilumerkinnät merkkijonoissa

Muotoilumerkintöjen avulla koodissa oleviin merkkijonoihin voi lisätä rivinvaihtoja ja muiden muotoiluja:


\n	uusi rivi
\t 	tabulaattori
\b	kohdistin siirtyy yhden merkin vasemmalle

Esimerkiksi: 


console.log("Tätä tekstiä seuraa rivinvaihto \n ja toinen rivi ...");

Operaattorit

Operaattorien avulla suoritetaan laskutoimituksia, verrataan lukuja toisiinsa ja tehdään sijoituksia muuttujiin. Operaattorit toimivat lähes samalla tavoin kaikilla ohjelmointikielissä - eli jos sinulla on kokemusta muista kielistä, on se siirrettävissä suoraan JavaScriptiin.

Sijoitus ja vertailuoperaattorit

Yleisin operaattori on sijoitusoperaattori eli yhtäsuuruus-merkki (=). Sen avulla muuttujalle sijoitetaan uusi arvo. On kuitenkin erittäin tärkeää huomata, että sijoitusoperaattori ei ole sama asia kuin vertailuoperaattori ==, jonka avulla tarkistetaan ovatko kaksi arvoa yhtä suuria. 


// sijoitus
var a = 2; 
var b= 2; 

// vertailu; jos a on yhtäsuuri kuin b
if(a==b)

Muita vertailuoperaattoreita ovat : 


!=	erisuuruus
>	suurempi kuin
<	pienempi kuin
<= 	pienempi ja yhtäsuuri kuin
>=	suurempi tai yhtäsuuri kuin

Aritmeettiset operaattorit

Aritmeettisten operaattoreiden avulla tehdään peruslaskutoimituksia. Monimutkaisemmat laskutoiminnot kuten potenssiin korotus, juurien laskeminen tai trigonometriset funktiot on tehtävä JavaScriptin Math-olion metodeilla. Käytettävissä olevat operaattorit ovat: 


+	yhteenlasku, liitos
- 	vähennyslasku
*	kertolasku
/	jakolasku
%	jakojäännös

Merkkijonojen käsittyssä +-operaattori toimii liitosoperaattorin tavoin yhdistäen merkkijonoja toisiinsa. Vaihtoehtona tälle on concat() menetelmän käyttäminen: 


var a = 2+2;
var b = 100/5;
var c = "kissa" + "kala" // kissakala
var d = "Kissa" + 2  //kissa2
ver e = concat('Java','script');   // JavaScript

Arvonmuunto-operaattorit

Arvonmuunto-operaattoreiden avulla voidaan muuntaa arvoa yhdellä yksiköllä. Lukuun on mahdollista lisätä / vähentää yksi, lisätä/vähentää toinen luku tai tehdä luvusta negaatio. Eräs yleisimmistä käyttökohtaista arvonmuunto-operaattoreille ovat erilaiset silmukkarakenteet, kuten for-toistolause ja do-while.


++ 	lisää yksi
--	vähennä yksi
-	negaatio
+=	lisää luku
-=	vähennä luku
*= 	kerro luku
/=	jaa luku

Esimerkiksi : 


var b = 5;
b++;	// 6

var a +=b	// tämä on sama kuin a = a + b

Loogiset operaattorit

Loogisia operaattoreita käytetään silloin, kun halutaan vertailla ehtoja lukujen ja muiden arvojen välillä. Loogiset operaattorit mahdollistavat monimutkaisempien päättelyketjujen rakentamisen kuin pelkkä yksittäinen vertailu. Erilaisia loogisia operaattoreita ovat: 


!	EI-operaatio
&&	JA-operaatio
||	TAI-operaatio

Esimerkiksi: 


if (a < b && c > b) {
    console.log("Ehto on tosi.");
}

Artikkelin tiedot

Otsikko: Merkkijonot ja operaattorit JavaScriptissä

Kuvaus: Tutustu JavaScriptin merkkijonojen määrittelyyn, muotoilumerkintöihin ja operaattoreihin. Opi niiden käyttö laskelmissa ja vertailuissa.

Julkaisija: Koulutus- ja konsultointipalvelu KK Mediat

Viimeksi päivitetty: