Yksinkertaisin merkkijono-operaatio on merkkijonojen yhdistäminen. Tämä tapahtuu helpoiten + merkillä:
var merkkijono1 = "Diipa daapa";
var merkkijono2 = "Daapa diipa!";
var tulos = merkkijono1 + merkkijono2;
| length | merkkijonon pituus (ominaisuus) |
| charAt(paikka) | palauttaa merkin paikasta (ensimmäinen merkki on 0:s) |
| charCodeAt(paikka) | palauttaa merkin Unikoodin kohdasta paikka |
| substring(aloitusnro,lopetusnro) | hakee merkkijonon väliltä aloitusnro-lopetusnro (lopetusnro ei mukana) |
| toLowerCase() | muuttaa merkkijonon pieniksi kirjaimiksi |
| toUpperCase() | muuttaa merkkijonon isoiksi kirjaimiksi |
| split(jakajamerkki) | muuttaa merkkijonon taulukon alkioiksi halutusta jakajamerkistä |
| indexOf(merkkijono) | palautta merkkijonon paikan (palauttaa -1,jos ei löydy) |
| lastIndexOf(merkkijono) | kuten yllä, mutta käydään merkkijon oikealta vasemmalle |
| substr(aloitusnro,pituus) | hakee halutun määrän merkkejä alkaen aloitusnro:sta |
| replace(mjono1,mjono2) | korvaa merkit mjono1 merkeillä mjono2 (vain ensimmäisen minkä löytää) |
| fontcolor() | palauttaa fontin värin |
| fontsize() | palauttaa fontin koon |
| search(merkkijono) | palauttaa kokonaisluvun suurempi kuin 0, jos merkkijono on olemassa stringissä ja palauttaa -1:n, jos ei |
Olkoon nyt:
Esimerkissä käytetään hyväksi merkkijonon ja taulukon valmiita funktioita.
Tavoite on, että
tekstikentässä oleva teksti kääntyy jokaisen painalluksen jälkeen väärinpäin.
<script language="JavaScript">
function kaanna(){
//hae ensin teksti
var teksti = document.getElementById("oikeinpain").value;
var muunnos = teksti.split(""); //merkkijonon merkit taulukoksi
var kaannos = muunnos.reverse(); //käännetään taulukko
var tulos = kaannos.join(""); //yhdistetään taulukon solut merkkijonoksi
//kirjoitetaan merkit div-kenttään
document.getElementById("vaarinpain").innerHTML = tulos;
}
</script>
<ul>
<h4>Pieni palindromi-testi</h3>
<div id="vaarinpain" style="height:30px;">Saippuakauppias</div>
<input type="text" id="oikeinpain" size="40" onKeyUp="kaanna();" value="saippuakauppiaS" />
</ul>
|
Pieni palindromi-testi
|