কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট স্ট্রিং ইন্টারপোলেশন (String Interpolation): Новиশদের গাইড

জাভাস্ক্রিপ্ট স্ট্রিং ইন্টারপোলেশন হলো একটি এক্সপ্রেশনকে স্ট্রিং-এর ভিতরে এম্বেড (embed) করার প্রক্রিয়া। টেমপ্লেট লিটারেল (template literal) ব্যবহার করে এটি করা হয়। ভেরিয়েবল, গাণিতিক ক্যালকুলেশন ইত্যাদি স্ট্রিং-এর মাঝপথে যোগ করা যায়।

টেমপ্লেট লিটারেল (Template Literal)

ব্যাকটিক (`` ` ``) দিয়ে স্ট্রিং লিখলে টেমপ্লেট লিটারেল হয়। এক্সপ্রেশন এম্বেড করতে ডলার সাইন এবং কার্লি ব্রেস ব্যবহার করা হয়: ${expression}।

`This is a string. Here is the value of 9 + 10: ${9 + 10}.`

আউটপুট: This is a string. Here is the value of 9 + 10: 19.

উদাহরণ: ভেরিয়েবল এম্বেড করা

const address_number = "10 Downing Street";
const prime_minister_address = `The Prime Minister's address is ${address_number}.`;
console.log(prime_minister_address);
// The Prime Minister's address is 10 Downing Street

কনক্যাটেনেশন (Concatenation) বনাম ইন্টারপোলেশন

পুরনো পদ্ধতিতে প্লাস (+) দিয়ে স্ট্রিং জোড়া করা पड़তো, যা শুধু শেষে যোগ করা যায়। টেমপ্লেট লিটারেলে স্ট্রিং-এর যেকোনো জায়গায় মান এম্বেড করা যায়।

ক্যালকুলেশন এবং টেরনারি অপারেটর

টেমপ্লেট লিটারেলের ভিতরে গাণিতিক ক্যালকুলেশন এবং টেরনারি অপারেটরও ব্যবহার করা যায়।

var drink1 = 2.30, drink2 = 2.20;
var bill = `Total: $${drink1 + drink2}. ${(drink1+drink2 > 4) ? "Join coffee club?" : ""}`;
console.log(bill);
// Total: $4.50. Join coffee club?

উপসংহার

টেমপ্লেট লিটারেল (backtick + ${}) ব্যবহার করে স্ট্রিং ইন্টারপোলেশন করা সবচেয়ে পাঠযোগ্য এবং শক্তিশালী পদ্ধতি।

  1. JavaScript appendChild: একটি গাইড

  2. জাভাস্ক্রিপ্ট দিয়ে স্ট্রিং বুলিয়ানে রূপান্তর করা

  3. জাভাস্ক্রিপ্টে টেমপ্লেট স্ট্রিংস

  4. জাভাস্ক্রিপ্টে নেস্টেড টেমপ্লেট স্ট্রিং