Satrlar

JavaScript-da matnli ma’lumotlar satrlar sifatida saqlanadi. Bitta belgi uchun alohida tip yo’q.

Satrlarning ichki formati har doim UTF-16, u sahifa kodlashiga bog’liq emas.

Qo’shtirnoqlar

Qo’shtirnoq turlarini eslaymiz.

Satrlar bitta qo’shtirnoq, qo’sh qo’shtirnoq yoki teskari qo’shtirnoq ichiga olinishi mumkin:

let single = "bitta qo'shtirnoq";
let double = "qo'sh qo'shtirnoq";

let backticks = `teskari qo'shtirnoqlar`;

Bitta va qo’sh qo’shtirnoqlar aslida bir xil. Teskari qo’shtirnoqlar esa bizga har qanday ifodani ${…} ichiga o’rab satrga kiritish imkonini beradi:

function sum(a, b) {
  return a + b;
}

alert(`1 + 2 = ${sum(1, 2)}.`); // 1 + 2 = 3.

Teskari qo’shtirnoqlarni ishlatishning yana bir afzalligi – ular satrning bir nechta qatorga cho’zilishiga imkon beradi:

let guestList = `Mehmonlar:
 * John
 * Pete
 * Mary
`;

alert(guestList); // mehmonlar ro'yxati, bir nechta qator

Tabiiy ko’rinadi, to’g’rimi? Lekin bitta yoki qo’sh qo’shtirnoqlar bunday ishlamaydi.

Agar ularni ishlatib, bir nechta qatordan foydalanishga harakat qilsak, xato bo’ladi:

let guestList = "Mehmonlar: // Xato: Unexpected token ILLEGAL
  * John";

Bitta va qo’sh qo’shtirnoqlar tilning yaratilishi qadimgi davrlaridan keladi, o’sha paytda ko’p qatorli satrlar ehtiyoji hisobga olinmagan edi. Teskari qo’shtirnoqlar ancha keyinroq paydo bo’lgan va shuning uchun ko’proq imkoniyatlarga ega.

Teskari qo’shtirnoqlar shuningdek birinchi teskari qo’shtirnoqdan oldin “shablon funksiyasini” belgilashga imkon beradi. Sintaksis: func`string`. func funksiyasi avtomatik ravishda chaqiriladi, satr va kiritilgan ifodalarni oladi va ularni qayta ishlashi mumkin. Bu xususiyat “teglangan shablonlar” deb ataladi, u kamdan-kam uchraydi, lekin bu haqda MDN da o’qishingiz mumkin: Template literals.

Maxsus belgilar

Bitta va qo’sh qo’shtirnoqlar bilan ham ko’p qatorli satrlarni “yangi qator belgisi” deb ataladigan \n yordamida yaratish mumkin, bu qator uzilishini bildiradi:

let guestList = "Mehmonlar:\n * John\n * Pete\n * Mary";

alert(guestList); // ko'p qatorli mehmonlar ro'yxati, yuqoridagi bilan bir xil

Oddiy misolda, bu ikki qator teng, shunchaki boshqacha yozilgan:

let str1 = "Salom\nDunyo"; // "yangi qator belgisi" yordamida ikki qator

// teskari qo'shtirnoq va oddiy yangi qator yordamida ikki qator
let str2 = `Salom
Dunyo`;

alert(str1 == str2); // true

Boshqa, kamroq uchraydigan maxsus belgilar ham bor:

Ko’rib turganingizdek, barcha maxsus belgilar teskari chiziq belgisi \ bilan boshlanadi. U “qochish belgisi” deb ham ataladi.

U shunchalik maxsus bo’lgani uchun, agar satr ichida haqiqiy teskari chiziq \ ko’rsatishimiz kerak bo’lsa, uni ikki marta yozishimiz kerak:

alert(`Teskari chiziq: \\`); // Teskari chiziq: \

“Qochgan” qo’shtirnoqlar \', \", \` bir xil qo’shtirnoqli satrga qo’shtirnoq kiritish uchun ishlatiladi.

Masalan:

alert("Men'm Walrus!"); // Men'm Walrus!

Ko’rib turganingizdek, ichki qo’shtirnoqdan oldin teskari chiziq \' qo’yishimiz kerak, aks holda u satr oxirini bildiradi.

Albatta, faqat o’rab turgan qo’shtirnoqlar bilan bir xil qo’shtirnoqlarni qochirish kerak. Shuning uchun yanada nafis yechim sifatida biz qo’sh qo’shtirnoq yoki teskari qo’shtirnoqga o’tishimiz mumkin:

alert("Men'm Walrus!"); // Men'm Walrus!

Bu maxsus belgilardan tashqari, Unicode kodlari uchun maxsus notation \u… ham bor, u kamdan-kam ishlatiladi va Unicode haqidagi ixtiyoriy bobda yoritilgan.

Satr uzunligi

length xossasi satr uzunligiga ega:

alert(`Men\n`.length); // 3

E’tibor bering, \n bitta “maxsus” belgi, shuning uchun uzunlik haqiqatan ham 3.

Belgilarga kirish

pos pozitsiyasidagi belgini olish uchun kvadrat qavslar [pos] ishlatiladi yoki str.at(pos) usulini chaqiriladi. Birinchi belgi nol pozitsiyasidan boshlanadi:

let str = `Salom`;

// birinchi belgi
alert( str[0] ); // S
alert( str.at(0) ); // S

// oxirgi belgi
alert( str[str.length - 1] ); // m
alert( str.at(-1) );

Ko’rib turganingizdek, .at(pos) usuli salbiy pozitsiyaga imkon berishning afzalligiga ega. Agar pos salbiy bo’lsa, u satr oxiridan hisoblanadi.

Demak .at(-1) oxirgi belgini, .at(-2) undan oldingi belgini va hokazo anglatadi.

Kvadrat qavslar salbiy indekslar uchun har doim undefined qaytaradi, masalan:

let str = `Salom`;

alert(str[-2]); // undefined
alert(str.at(-2)); // l

Shuningdek, for..of yordamida belgilar bo’ylab iteratsiya qilishimiz mumkin:

for (let char of "Salom") {
  alert(char); // S,a,l,o,m (char "S" bo'ladi, keyin "a", keyin "l" va hokazo)
}

Satrlar o’zgarmas

JavaScript-da satrlarni o’zgartirib bo’lmaydi. Belgini o’zgartirish imkonsiz.

Buni ishlamasligini ko’rsatish uchun sinab ko’raylik:

let str = "Salom";

str[0] = "s"; // xato
alert(str[0]); // ishlamaydi

Odatiy yechim – butunlay yangi satr yaratish va uni eski o’rniga str ga tayinlashdir.

Masalan:

let str = "Salom";

str = "s" + str[1]; // satrni almashtirish

alert(str); // salom

Keyingi bo’limlarda bunga ko’proq misollar ko’ramiz.

Registrni o’zgartirish

toLowerCase() va toUpperCase() usullari registrni o’zgartiradi:

alert("Interface".toUpperCase()); // INTERFACE
alert("Interface".toLowerCase()); // interface

Yoki agar bitta belgini kichik harfga o’tkazmoqchi bo’lsak:

alert("Interface"[0].toLowerCase()); // 'i'

Substring qidirish

Satr ichida substring qidirish uchun bir nechta usul mavjud.

str.indexOf

Birinchi usul str.indexOf(substr, pos).

U berilgan pos pozitsiyasidan boshlab str da substr ni qidiradi va mos kelish topilgan pozitsiyani yoki hech narsa topilmasa -1 ni qaytaradi.

Masalan:

let str = "Widget with id";

alert(str.indexOf("Widget")); // 0, chunki 'Widget' boshida topilgan
alert(str.indexOf("widget")); // -1, topilmadi, qidiruv registrga sezgir

alert(str.indexOf("id")); // 1, "id" 1-pozitsiyada topilgan (..idget with id)

Ixtiyoriy ikkinchi parametr bizga berilgan pozitsiyadan qidirishni boshlash imkonini beradi.

Masalan, "id" ning birinchi uchrayishi 1-pozitsiyada. Keyingi uchrayishni qidirish uchun 2-pozitsiyadan qidirishni boshlaylik:

let str = "Widget with id";

alert(str.indexOf("id", 2)); // 12

Agar bizni barcha uchrayishlar qiziqtirsa, indexOf ni tsiklda ishga tushirishimiz mumkin. Har bir yangi chaqiruv oldingi mos kelishdan keyingi pozitsiya bilan amalga oshiriladi:

let str = "As sly as a fox, as strong as an ox";

let target = "as"; // buni qidiraylik

let pos = 0;
while (true) {
  let foundPos = str.indexOf(target, pos);
  if (foundPos == -1) break;

  alert(`${foundPos} da topildi`);
  pos = foundPos + 1; // keyingi pozitsiyadan qidirishni davom ettirish
}

Xuddi shu algoritm qisqaroq yozilishi mumkin:

let str = "As sly as a fox, as strong as an ox";
let target = "as";

let pos = -1;
while ((pos = str.indexOf(target, pos + 1)) != -1) {
  alert( pos );
}

if testida indexOf bilan biroz noqulaylik bor. Biz uni if ga quyidagicha qo’ya olmaymiz:

let str = "Widget with id";

if (str.indexOf("Widget")) {
    alert("Topdik"); // ishlamaydi!
}

Yuqoridagi misoldagi alert ko’rsatilmaydi, chunki str.indexOf("Widget") 0 ni qaytaradi (ya’ni boshlovchi pozitsiyada mos kelishni topganini anglatadi). To’g’ri, lekin if 0 ni false deb hisoblay

di.

Shuning uchun biz aslida -1 ni tekshirishimiz kerak:

let str = "Widget with id";

if (str.indexOf("Widget") != -1) {
    alert("Topdik"); // endi ishlaydi!
}

includes, startsWith, endsWith

Zamonaviyroq str.includes(substr, pos) usuli str da substr mavjudligiga qarab true/false qaytaradi.

Agar mos kelishni tekshirish kerak bo’lsa, lekin uning pozitsiyasi kerak bo’lmasa, bu to’g’ri tanlovdir:

alert("Widget with id".includes("Widget")); // true

alert("Salom".includes("Xayr")); // false

str.includes ning ixtiyoriy ikkinchi argumenti qidirishni boshlash pozitsiyasidir:

alert("Widget".includes("id")); // true
alert("Widget".includes("id", 3)); // false, 3-pozitsiyadan "id" yo'q

str.startsWith va str.endsWith usullari aynan ular aytganini qiladi:

alert("Widget".startsWith("Wid")); // true, "Widget" "Wid" bilan boshlanadi
alert("Widget".endsWith("get")); // true, "Widget" "get" bilan tugaydi

Substring olish

JavaScript-da substring olish uchun 3 ta usul mavjud: substring, substr va slice.

str.slice(start [, end])

start dan end gacha (lekin end ni o’z ichiga olmasdan) satr qismini qaytaradi.

Masalan:

let str = "stringify";
alert( str.slice(0, 5) ); // 'strin', 0 dan 5 gacha substring (5 ni o'z ichiga olmaydi)
alert( str.slice(0, 1) ); // 's', 0 dan 1 gacha, lekin 1 ni o'z ichiga olmaydi, faqat 0 dagi belgi

Agar ikkinchi argument bo’lmasa, slice satr oxirigacha boradi:

let str = "stringify";
alert( str.slice(2) ); // 'ringify', 2-pozitsiyadan oxirigacha

start/end uchun salbiy qiymatlar ham mumkin. Ular pozitsiya satr oxiridan hisoblanishini anglatadi:

let str = "stringify";

// o'ngdan 4-pozitsiyadan boshlab, o'ngdan 1-pozitsiyada tugat
alert( str.slice(-4, -1) ); // 'gif'

str.substring(start [, end])

start va end orasidagi satr qismini qaytaradi (end ni o’z ichiga olmaydi).

Bu deyarli slice bilan bir xil, lekin start ning end dan katta bo’lishiga imkon beradi (bu holda u shunchaki start va end qiymatlarini almashtiradi).

Masalan:

let str = "stringify";

// bular substring uchun bir xil
alert( str.substring(2, 6) ); // "ring"
alert( str.substring(6, 2) ); // "ring"

// ...lekin slice uchun emas:
alert( str.slice(2, 6) ); // "ring" (bir xil)
alert( str.slice(6, 2) ); // "" (bo'sh satr)

Salbiy argumentlar (slice dan farqli o’laroq) qo’llab-quvvatlanmaydi, ular 0 deb qaraladi.

str.substr(start [, length])

start dan boshlab, berilgan length bilan satr qismini qaytaradi.

Oldingi usullardan farqli o’laroq, bu tugash pozitsiyasi o’rniga length ni ko’rsatish imkonini beradi:

let str = "stringify";
alert( str.substr(2, 4) ); // 'ring', 2-pozitsiyadan 4 ta belgi ol

Birinchi argument oxirdan hisoblash uchun salbiy bo’lishi mumkin:

let str = "stringify";
alert( str.substr(-4, 2) ); // 'gi', 4-pozitsiyadan 2 ta belgi ol

Bu usul til spetsifikatsiyasining Ilova B da joylashgan. Bu faqat brauzer-joylashtirilgan JavaScript dvigatellari uni qo’llab-quvvatlashi kerakligini anglatadi va uni ishlatish tavsiya etilmaydi. Amalda u hamma joyda qo’llab-quvvatlanadi.

Har qanday chalkashlikdan qochish uchun bu usullarni takrorlaylik:

Satrlarni solishtirish

Taqqoslashlar bobidan ma’lumki, satrlar alifbo tartibida belgi-belgi solishtiriladi.

Garchi, ba’zi g’alatiliklar bor.

1. Kichik harf har doim katta harfdan kattaroq:

   alert("a" > "Z"); // true

2. Diakritik belgili harflar “tartibdan tashqari”:

   alert("Österreich" > "Zealand"); // true

   Bu mamlakat nomlarini saralasak g’alati natijalarga olib kelishi mumkin. Odatda odamlar Zealand ning ro’yxatda Österreich dan keyin kelishini kutadilar.

Nima sodir bo’lishini tushunish uchun JavaScript-da satrlar UTF-16 yordamida kodlanishini bilishimiz kerak. Ya’ni: har bir belgining mos raqamli kodi bor.

Kod uchun belgini va teskarisini olish imkonini beradigan maxsus usullar mavjud:

str.codePointAt(pos)

pos pozitsiyasidagi belgi uchun kodni ifodalovchi o’nli raqam qaytaradi:

// turli registrli harflar turli kodlarga ega
alert( "Z".codePointAt(0) ); // 90
alert( "z".codePointAt(0) ); // 122
alert( "z".codePointAt(0).toString(16) ); // 7a (agar hex qiymat kerak bo'lsa)

String.fromCodePoint(code)

Raqamli code bo’yicha belgi yaratadi

alert( String.fromCodePoint(90) ); // Z
alert( String.fromCodePoint(0x5a) ); // Z (argument sifatida hex qiymatdan ham foydalanish mumkin)

Endi 65..220 kodli belgilarni (lotin alifbosi va biroz qo’shimcha) ko’rib, ulardan satr yasaylik:

let str = "";

for (let i = 65; i <= 220; i++) {
  str += String.fromCodePoint(i);
}
alert(str);
// Chiqish:
// ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~
// ¡¢£¤¥¦§¨©ª«¬­®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜ

Ko’rdingizmi? Avval katta harflar, keyin bir nechta maxsus belgilar, keyin kichik harflar va chiqish oxirida Ö.

Endi a > Z nima uchun ekanligi aniq.

Belgilar raqamli kod bo’yicha solishtiriladi. Kattaroq kod belgining kattaroq ekanligini anglatadi. a (97) ning kodi Z (90) ning kodidan kattaroq.

• Barcha kichik harflar katta harflardan keyin keladi, chunki ularning kodlari kattaroq.
• Ö kabi ba’zi harflar asosiy alifbodan alohida turadi. Bu yerda uning kodi a dan z gacha bo’lgan har qanday narsadan kattaroq.

To'g'ri solishtirishlar

Satrlarni solishtirish uchun “to’g’ri” algoritm ko’ringanidan murakkabroq, chunki turli tillar uchun alifbolar turlicha.

Shuning uchun brauzer qaysi tilda solishtirish kerakligini bilishi kerak.

Yaxshiyamki, zamonaviy brauzerlar ECMA-402 xalqarolashtirish standartini qo’llab-quvvatlaydi.

U turli tillarda satrlarni ularning qoidalariga ko’ra solishtiradigan maxsus usulni taqdim etadi.

str.localeCompare(str2) chaqiruvi til qoidalariga ko’ra str str2 dan kichik, teng yoki katta ekanligini ko’rsatadigan butun sonni qaytaradi:

• Agar str str2 dan kichik bo’lsa, salbiy raqam qaytaradi.
• Agar str str2 dan katta bo’lsa, musbat raqam qaytaradi.
• Agar ular ekvivalent bo’lsa, 0 qaytaradi.

Masalan:

alert("Österreich".localeCompare("Zealand")); // -1

Bu usul aslida hujjatlarda ko’rsatilgan ikkita qo’shimcha argumentga ega, bu tilni belgilash (sukut bo’yicha muhitdan olinadi, harflar tartibi tilga bog’liq) va registr sezgirlik yoki "a" va "á" bir xil deb qaralishi kerakmi kabi qo’shimcha qoidalarni o’rnatish imkonini beradi.

Xulosa

• 3 turdagi qo’shtirnoq bor. Teskari qo’shtirnoqlar satrning bir nechta qatorga cho’zilishi va ifodalarni ${…} kiritish imkonini beradi.
• Biz yangi qator \n kabi maxsus belgilardan foydalanishimiz mumkin.
• Belgi olish uchun: [] yoki at usulini ishlatamiz.
• Substring olish uchun: slice yoki substring dan foydalanamiz.
• Satrni kichik/katta harfga o’tkazish uchun: toLowerCase/toUpperCase dan foydalanamiz.
• Substring qidirish uchun: indexOf dan yoki oddiy tekshiruvlar uchun includes/startsWith/endsWith dan foydalanamiz.
• Satrlarni tilga ko’ra solishtirish uchun: localeCompare dan foydalanamiz, aks holda ular belgi kodlari bo’yicha solishtiriladi.

Satrlarda bir nechta boshqa foydali usullar ham bor:

• str.trim() – satrning boshi va oxiridagi bo’shliqlarni olib tashlaydi (“kesadi”).
• str.repeat(n) – satrni n marta takrorlaydi.
• …va ko’proq narsalarni qo’llanmada topish mumkin.

Satrlar muntazam ifodalar bilan qidirish/almashtirish uchun usullar ham bor. Lekin bu katta mavzu, shuning uchun u alohida o’quv qo’llanma bo’limida Muntazam ifodalar tushuntirilgan.

Shuningdek, hozir satrlar Unicode kodlashiga asoslanganligini va shuning uchun solishtirishlar bilan muammolar borligini bilish muhim. Unicode haqida ko’proq ma’lumot Unicode, Satr ichki tuzilishi bobida.