String shablonlari

String shablonlar

Shablon Stringlar (Template Strings)

Shablon harflari

Sevimli bolaning ko‘p ismlari bor

Back-Tics sintaksisi

Shablon Stringlar qo‘shtirnoq o‘rniga teskari tirnoq `...` belgilaridan foydalanadi:

Misol

let text = `Hello World!`;

O‘zingiz sinab ko‘ring »

Iqtiboslar ichidagi Stringlar

Shablon stringlar string ichida ham bittalik, ham qo‘sh tirnoqlardan foydalanishga imkon beradi:

Misol

let text = `He's often called "Johnny"`;

O‘zingiz sinab ko‘ring »

Ko‘p qatorli Stringlar

Shablon stringlar ko‘p qatorli stringlarni yozishga imkon beradi:

Misol

let text =
`The quick
brown fox
jumps over
the lazy dog`;

O‘zingiz sinab ko‘ring »

Interpolatsiya

Shablon stringlar string ichida o‘zgaruvchilardan foydalanishga imkon beradi.

Shablon stringlar string ichidagi o‘zgaruvchilarni interpolyatsiya qilishning oson usulini taqdim etadi.

Sintaksis

${...}

Misol

O‘zgaruvchan almashtirishlar:

let firstName = "John";
let lastName = "Doe";

let text = `Welcome ${firstName}, ${lastName}!`;

O‘zingiz sinab ko‘ring »

Ifodani almashtirish

Shablon stringlar string ichidagi ifodalarni interpolyatsiya qilishga imkon beradi:

Misol

let price = 10;
let VAT = 0.25;

let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

O‘zingiz sinab ko‘ring »

HTML shablonlar

Misol

let header = "Template Strings";
let tags = ["template strings", "javascript", "es6"];

let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}

html += `</ul>`;

O‘zingiz sinab ko‘ring »

Brauzerlarda qo‘llab-quvvatlash

Template Strings — ES6 imkoniyati.

ES6 2017 yil iyun oyidan boshlab barcha zamonaviy brauzerlarda to‘liq qo‘llab-quvvatlanadi:


Chrome 51	Edge 15	Firefox 54	Safari 10	Opera 38
May 2016	Apr 2017	Jun 2017	Sep 2016	Jun 2016

To‘liq string ma’lumotnomasi

To‘liq String ma’lumotnomasi uchun bizning sahifamizga o‘ting:

Complete JavaScript String Reference.

Ma’lumotnomada barcha string xususiyatlari va usullarining tavsiflari va misollari mavjud.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish