Multi-line Strings তৈরি করা

Template Literals - জাভাস্ক্রিপ্ট ইএস৬ (ES6) - Web Development

212

ES6 (ECMAScript 2015) এ Template Literals (বা Template Strings) নামে একটি নতুন ফিচার পরিচিতি পেয়েছে, যার মাধ্যমে multi-line strings তৈরি করা সম্ভব হয়েছে। এর আগের সংস্করণে, একাধিক লাইনে স্ট্রিং তৈরি করতে escape characters (\n) ব্যবহার করতে হত, কিন্তু ES6 এ backticks (`) ব্যবহার করে সহজে একাধিক লাইনে স্ট্রিং তৈরি করা যায়।


Template Literals ব্যবহার করে Multi-line Strings

ES6 এর Template Literals ব্যবহার করলে, আপনি সহজেই একাধিক লাইনে স্ট্রিং তৈরি করতে পারবেন। এখানে backticks (`) ব্যবহার করা হয়, যা সাধারণ স্ট্রিং কোটেশন মার্ক ('' বা "") এর পরিবর্তে ব্যবহার করা হয়।

উদাহরণ:

const message = `
  Hello,
  This is a multi-line string.
  It can span multiple lines easily.
`;

console.log(message);

উপরে, backticks (`) ব্যবহার করে আমরা একাধিক লাইনে স্ট্রিং ডিফাইন করেছি, এবং এটি কম্পাইলার ঠিকভাবে টেমপ্লেট লিটারালকে একাধিক লাইনে সংরক্ষণ করেছে। যখন আপনি এটি কনসোলে প্রিন্ট করবেন, তখন আউটপুট হবে:

Hello,
This is a multi-line string.
It can span multiple lines easily.

Template Literals এর অন্যান্য বৈশিষ্ট্য

  1. String Interpolation (স্ট্রিং ইন্টারপোলেশন): Template Literals আপনাকে স্ট্রিংয়ের মধ্যে ভ্যারিয়েবল এবং এক্সপ্রেশন ইনসার্ট করার সুবিধা দেয়। এটি ${} সিম্বল ব্যবহার করে করা যায়।

    উদাহরণ:

    const name = "John";
    const age = 30;
    const message = `
      Hello, my name is ${name}.
      I am ${age} years old.
    `;
    console.log(message);
    

    আউটপুট:

    Hello, my name is John.
    I am 30 years old.
    
  2. Multiline Strings with Expression: Template Literals এর মাধ্যমে শুধু ভ্যারিয়েবল নয়, যেকোনো এক্সপ্রেশনও ইনসার্ট করা যেতে পারে।

    উদাহরণ:

    const x = 5;
    const y = 10;
    const result = `
      The sum of ${x} and ${y} is ${x + y}.
    `;
    console.log(result);
    

    আউটপুট:

    The sum of 5 and 10 is 15.
    

কেন Template Literals ব্যবহার করবেন?

  • সহজে একাধিক লাইনে স্ট্রিং তৈরি: আগে যেখানে \n ব্যবহার করতে হতো, এখন backticks (`) ব্যবহার করলেই আপনি একাধিক লাইনে স্ট্রিং লিখতে পারবেন।
  • স্ট্রিং ইন্টারপোলেশন: স্ট্রিংয়ের মধ্যে ভ্যারিয়েবল বা এক্সপ্রেশন ইনসার্ট করা অনেক সহজ এবং পড়তে সুবিধাজনক।
  • কমপ্যাক্ট কোড: স্ট্রিং তৈরির ক্ষেত্রে কোড আরও কমপ্যাক্ট এবং সহজ।

এখন পর্যন্ত সুবিধাগুলি:

  • একাধিক লাইনে স্ট্রিং তৈরি করার সহজ পদ্ধতি।
  • স্ট্রিংয়ের মধ্যে ডাইনামিক ডেটা ইনসার্ট করার সুবিধা (স্ট্রিং ইন্টারপোলেশন)।
  • কোডকে আরও পরিষ্কার ও সংক্ষিপ্ত করা সম্ভব।

ES6 এর Template Literals এর মাধ্যমে স্ট্রিং পরিচালনা এখন অনেক বেশি সুবিধাজনক, বিশেষ করে যখন আপনি একাধিক লাইনে স্ট্রিং তৈরি করতে চান বা ডাইনামিক ডেটা ইনসার্ট করতে চান।

Content added By
Promotion

Are you sure to start over?

Loading...