String Interpolation (স্ট্রিং ইন্টারপোলেশন) ES6 এর একটি গুরুত্বপূর্ণ ফিচার, যা Template Literals নামে পরিচিত। এর মাধ্যমে স্ট্রিং-এর মধ্যে ডাইনামিক ডেটা সহজেই ইনসার্ট করা যায়, যা পুরনো string concatenation (স্ট্রিং কনক্যাটেনেশন) পদ্ধতির চেয়ে অনেক বেশি পাঠযোগ্য এবং সুবিধাজনক।
Template Literals
Template Literals এ স্ট্রিং গঠন করতে backticks (`) ব্যবহার করা হয়, এবং ডাইনামিক ডেটা বা ভ্যারিয়েবলগুলিকে স্ট্রিং-এর মধ্যে ইনসার্ট করতে ${} সিঙ্কট্যাক্স ব্যবহার করা হয়। এটি আপনাকে একাধিক লাইনে স্ট্রিং লিখতেও সাহায্য করে।
Sintax:
const string = `This is a template literal with a variable: ${variableName}`;
String Interpolation উদাহরণ
1. ভ্যারিয়েবল ইনসার্ট করা:
const name = "John";
const age = 30;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // "My name is John and I am 30 years old."
এখানে, ${name} এবং ${age} এর মাধ্যমে ভ্যারিয়েবলগুলো স্ট্রিং-এর মধ্যে সহজেই ইনসার্ট করা হয়েছে।
2. একাধিক লাইনে স্ট্রিং:
Template Literals এর মাধ্যমে আপনি একাধিক লাইনে স্ট্রিং লিখতে পারবেন, যা পুরনো + অপারেটর ব্যবহারের তুলনায় অনেক সহজ।
const message = `Hello,
This is a message
spread over multiple lines.`;
console.log(message);
এখানে, স্ট্রিং একাধিক লাইনে লিখে backticks ব্যবহার করা হয়েছে। এটি \n বা + দিয়ে নতুন লাইন তৈরি করার তুলনায় অনেক সহজ এবং কোড পরিষ্কার রাখে।
3. এক্সপ্রেশন ইনসার্ট করা:
Template Literals শুধু ভ্যারিয়েবল নয়, আপনি এক্সপ্রেশনও স্ট্রিং-এর মধ্যে ব্যবহার করতে পারেন।
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."
এখানে, ${a + b} দিয়ে গণনা করা ফলাফল স্ট্রিং-এর মধ্যে সন্নিবেশিত হয়েছে।
4. ফাংশন কল ইনসার্ট করা:
Template Literals এ ফাংশন কলও করা সম্ভব।
function greet(name) {
return `Hello, ${name}!`;
}
const message = `Message: ${greet("John")}`;
console.log(message); // "Message: Hello, John!"
এখানে, greet("John") ফাংশন কলের মাধ্যমে রিটার্ন হওয়া ভ্যালু স্ট্রিং-এর মধ্যে অন্তর্ভুক্ত করা হয়েছে।
String Interpolation এর সুবিধা
- কোড পড়তে সহজ: Template Literals এর মাধ্যমে স্ট্রিং তৈরি করা অনেক সহজ এবং কোডটি অধিক পাঠযোগ্য হয়।
- একাধিক লাইনে স্ট্রিং: বহু লাইনে স্ট্রিং লেখার সুবিধা দিয়ে কোড আরও সোজা এবং সুন্দর হয়।
- বিভিন্ন এক্সপ্রেশন ব্যবহারের সুযোগ: ভ্যারিয়েবল, এক্সপ্রেশন, ফাংশন কল প্রভৃতির মাধ্যমে স্ট্রিংয়ের মধ্যে ডাইনামিক কনটেন্ট যোগ করা যায়।
উপসংহার
ES6 এর String Interpolation বা Template Literals ব্যবহার করে কোড লেখা অনেক সহজ এবং সুন্দর হয়। এটি স্ট্রিং কনক্যাটেনেশন থেকে অনেক সুবিধাজনক, বিশেষ করে যখন ডাইনামিক ডেটা বা এক্সপ্রেশন স্ট্রিং-এর মধ্যে সন্নিবেশ করতে হয়।
Read more
