জাভাস্ক্রিপ্টে স্ট্রিং টেমপ্লেট, যা টেমপ্লেট লিটারেলস (Template Literals) নামেও পরিচিত, একটি শক্তিশালী এবং নমনীয় উপায়ে স্ট্রিং তৈরি করার জন্য ব্যবহৃত হয়। এটি ES6 (ECMAScript 2015) থেকে পরিচিত হয়েছে এবং এটি সাধারণ স্ট্রিং কনক্যাটেনেশন থেকে অনেক বেশি সুবিধা প্রদান করে।
টেমপ্লেট লিটারেলস ব্যাকটিক্স () চিহ্ন দিয়ে তৈরি করা হয়, যা সাধারণ সিঙ্গেল (') বা ডবল ("`) কোটস থেকে আলাদা।
const greeting = `Hello, World!`;
console.log(greeting); // আউটপুট: Hello, World!
টেমপ্লেট লিটারেলসের মাধ্যমে একাধিক লাইনে স্ট্রিং লেখা সহজ হয়, যা সাধারণ স্ট্রিং কনক্যাটেনেশন থেকে অনেক বেশি সুবিধাজনক।
const multiLine = `This is a string
that spans multiple
lines.`;
console.log(multiLine);
/*
আউটপুট:
This is a string
that spans multiple
lines.
*/
টেমপ্লেট লিটারেলস ${} সিনট্যাক্স ব্যবহার করে স্ট্রিংয়ের মধ্যে এক্সপ্রেশন অন্তর্ভুক্ত করতে পারে। এটি ভেরিয়েবল বা কোন গণিতিক অপারেশন সহজে স্ট্রিংয়ের মধ্যে অন্তর্ভুক্ত করার সুবিধা দেয়।
const name = "Alice";
const age = 25;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // আউটপুট: My name is Alice and I am 25 years old.
টেমপ্লেট লিটারেলসের মধ্যে ফাংশন কল বা জটিল এক্সপ্রেশনও ব্যবহার করা যায়।
const a = 5;
const b = 10;
const result = `The sum of ${a} and ${b} is ${a + b}.`;
console.log(result); // আউটপুট: The sum of 5 and 10 is 15.
const name = "Bob";
const age = 30;
const message = "My name is " + name + " and I am " + age + " years old.";
console.log(message); // আউটপুট: My name is Bob and I am 30 years old.
const name = "Bob";
const age = 30;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // আউটপুট: My name is Bob and I am 30 years old.
স্ট্রিং টেমপ্লেট ব্যবহার করলে কোড আরও পরিষ্কার এবং পড়তে সহজ হয়, বিশেষ করে যখন অনেকগুলি ভেরিয়েবল বা এক্সপ্রেশন স্ট্রিংয়ের মধ্যে অন্তর্ভুক্ত করতে হয়।
ট্যাগড টেমপ্লেট একটি উন্নত বৈশিষ্ট্য যা টেমপ্লেট লিটারেলকে একটি ফাংশনের সাথে যুক্ত করে। এটি ডাইনামিকভাবে স্ট্রিং প্রক্রিয়াকরণ করতে সাহায্য করে।
function highlight(strings, ...values) {
return strings.reduce((result, string, i) => `${result}<strong>${string}</strong>${values[i] || ''}`, '');
}
const name = "Charlie";
const age = 28;
const message = highlight`My name is ${name} and I am ${age} years old.`;
console.log(message); // আউটপুট: <strong>My name is </strong>Charlie<strong> and I am </strong>28<strong> years old.</strong>
এখানে, highlight ফাংশন টেমপ্লেট লিটারেলের অংশগুলিকে <strong> ট্যাগে র্যাপ করে, যা স্ট্রিংকে হাইলাইট করার উদাহরণ দেখায়।
জাভাস্ক্রিপ্টের স্ট্রিং টেমপ্লেট (Template Literals) একটি শক্তিশালী বৈশিষ্ট্য যা স্ট্রিং লেখাকে সহজ, পরিষ্কার এবং নমনীয় করে তোলে। ব্যাকটিক্স ব্যবহার, এক্সপ্রেশন ইন্টারপোলেশন, মাল্টিলাইন স্ট্রিং এবং ট্যাগড টেমপ্লেটের মাধ্যমে ডেভেলপাররা তাদের কোডকে আরও কার্যকর এবং রক্ষণাবেক্ষণযোগ্য করে তুলতে পারেন। স্ট্রিং টেমপ্লেট ব্যবহার করে স্ট্রিং ম্যানিপুলেশন অনেক সহজ ও কার্যকর হয়, যা জাভাস্ক্রিপ্ট ডেভেলপমেন্টে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে।
common.read_more
common.or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
