JavaScript-merkkijono (esimerkkejä)

Tässä opetusohjelmassa opit JavaScript-merkkijonosta esimerkkien avulla.

JavaScript-merkkijono on primitiivinen tietotyyppi, jota käytetään tekstien käsittelyyn. Esimerkiksi,

 const name = 'John';

Luo JavaScript-merkkijonot

JavaScriptissä merkkijonot luodaan ympäröimällä ne lainausmerkeillä. Lainauksia voi käyttää kolmella tavalla.

  • Yksittäiset lainaukset: 'Hello'
  • Kaksinkertaiset lainaukset: "Hello"
  • Takaisin: `Hello`

Esimerkiksi,

 //strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;

Yksittäiset ja kaksoislainaukset ovat käytännössä samat ja voit käyttää kumpaakin niistä.

Backtickeja käytetään yleensä, kun jousiin on sisällytettävä muuttujia tai lausekkeita. Tämä tehdään käärimällä muuttujia tai lausekkeita $(variable or expression)yllä esitetyllä tavalla.

Voit myös kirjoittaa tarjouksen toisen tarjouksen sisään. Esimerkiksi,

 const name = 'My name is "Peter".';

Lainaus ei kuitenkaan saisi vastata ympäröiviä lainauksia. Esimerkiksi,

 const name = 'My name is 'Peter'.'; // error

Käytä merkkijonoja

Voit käyttää merkkijonon merkkejä kahdella tavalla.

  • Yksi tapa on kohdella merkkijonoja matriisina. Esimerkiksi,
 const a = 'hello'; console.log(a(1)); // "e"
  • Toinen tapa on käyttää menetelmää charAt(). Esimerkiksi,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

JavaScript-merkkijonot ovat muuttumattomia

JavaScriptissä merkkijonot ovat muuttumattomia. Tämä tarkoittaa, että merkkijonon merkkejä ei voi muuttaa. Esimerkiksi,

 let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"

Voit kuitenkin määrittää muuttujan nimen uudelle merkkijonolle. Esimerkiksi,

 let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"

JavaScript on kirjainkokoinen

JavaScript eroaa kirjainkokoista. Tämä tarkoittaa, että JavaScriptissä pieniä ja isoja kirjaimia käsitellään eri arvoina. Esimerkiksi,

 const a = 'a'; const b = 'A' console.log(a === b); // false

JavaScriptissä aja Aniitä käsitellään eri arvoina.

JavaScript-monirivijonot

Jos haluat käyttää monirivistä merkkijonoa, voit käyttää joko +operaattoria tai operaattoria. Esimerkiksi,

 // using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'

JavaScript-merkkijonon pituus

Voit löytää merkkijonon pituuden käyttämällä sisäänrakennettua lengthominaisuutta. Esimerkiksi,

 const a = 'hello'; console.log(a.length); // 5

JavaScript-merkkijono-objektit

Voit myös luoda merkkijonoja newavainsanalla. Esimerkiksi,

 const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"

Huomaa : On suositeltavaa välttää merkkijonojen käyttämistä. Merkkijono-objektien käyttö hidastaa ohjelmaa.

JavaScript-merkkijonomenetelmät

Tässä ovat yleisesti käytetyt JavaScript-merkkijonomenetelmät:

Menetelmä Kuvaus
charAt (hakemisto) palauttaa merkin määritettyyn hakemistoon
konkat () yhdistää kaksi tai useampaa merkkijonoa
korvata() korvaa merkkijonon toisella merkkijonolla
jakaa() muuntaa merkkijonon joukoksi merkkijonoja
substraatti (alku, pituus) palauttaa merkkijonon osan
alimerkkijono (alku, loppu) palauttaa merkkijonon osan
viipale (alku, loppu) palauttaa merkkijonon osan
toLowerCase () returns the passed string in lower case
toUpperCase() returns the passed string in upper case
trim() removes whitespace from the strings
includes() searches for a string and returns a boolean value
search() searches for a string and returns a position of a match

Example: JavaScript String Methods

 const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"

JavaScript String() Function

The String() function is used to convert various data types to strings. For example,

 const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"

If you want to learn more about the string conversion, visit JavaScript Type Conversion.

Escape Character

You can use the backslash escape character to include special characters in a string. For example,

 const name = 'My name is \'Peter\'.'; console.log(name);

Output

 My name is 'Peter'.

In the above program, the same quote is included using .

Here are other ways that you can use :

Code Output
" include double quote
\ sisältää taaksepäin
n uusi rivi
r vaunun paluu
v pystysuora välilehti
t vaakasuora välilehti
b askelpalautin
f lomake

Mielenkiintoisia artikkeleita...