قالب رشته‌های جاوااسکریپت

معادل:

  • رشته‌های قالب
  • رشته‌های قالب
  • قالب رشته
  • نحوه‌ی نوشتن بازگشتی

نحوه‌ی نوشتن بازگشتی

قالب‌های شبه‌کداز علامت نقل قول معکوس (``) به جای علامت نقل قول ("") برای تعریف رشته‌ها استفاده کنید:

مثال

let text = `Hello World!`;

آزمایش کنید

علامت‌های نقل قول درون رشته

با استفاده ازقالب‌های شبه‌کد، شما می‌توانید همزمان از قیدها و علامت‌های نقل قول در رشته‌ها استفاده کنید:

مثال

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

آزمایش کنید

رشته‌های چند خطی

قالب‌های شبه‌کداجازه می‌دهد تا رشته‌های چند خطی وجود داشته باشد:

مثال

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

آزمایش کنید

جایگزینی

قالب‌های شبه‌کدیک روش ساده برای قرار دادن متغیرها و عبارات در رشته‌ها ارائه می‌دهد.

این روش به عنوان جایگزینی رشته‌ها (string interpolation) شناخته می‌شود.

نحوه‌ی نوشتن

${...}

جایگزینی متغیر

قالب‌های شبه‌کداجازه می‌دهد تا متغیرها در رشته‌ها وجود داشته باشد:

مثال

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

آزمایش کنید

جایگزینی خودکار متغیرها به عنوانجایگزینی رشته‌ها.

جایگزینی عبارت

قالب‌های شبه‌کداجازه می‌دهد تا عبارات در رشته‌ها وجود داشته باشد:

مثال

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

آزمایش کنید

جایگزینی خودکار عبارات با مقادیر واقعی به عنوان جایگزینی رشته‌ها نامیده می‌شود.

قالب HTML

مثال

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
برای (const x از tags) {
  html += `<li>${x}</li>`;
}
html += `</ul>`;

آزمایش کنید

پشتیبانی مرورگر

Internet Explorer پشتیبانی نمی‌کندقالب‌های شبه‌کد.

نسخه اولین مرورگر پشتیبان از قالب‌های شبه‌کد است:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
مارس 2015 نوامبر 2015 دسامبر 2014 سپتامبر 2016 آوریل 2015

مرجع کامل رشته

برای دسترسی به مرجع کامل، لطفاً به وب‌سایت ما دستورالعمل JavaScript رشته.

این کتابخانه شامل توضیحات و مثال‌های تمام ویژگی‌ها و روش‌های رشته است.