Skip to main content

Command Palette

Search for a command to run...

JavaScript-এ String Manipulation concat, slice, substring এবং Template Literals

Published
3 min read
JavaScript-এ String Manipulation concat, slice, substring এবং Template Literals

JavaScript-এ String হলো সবচেয়ে গুরুত্বপূর্ণ ডেটা টাইপের একটি। এটি অক্ষরের ধারাবাহিক ক্রম যা টেক্সট বা শব্দ সংরক্ষণে ব্যবহৃত হয়। যেকোনো ওয়েব অ্যাপ্লিকেশন বা প্রোগ্রামে Strings নিয়ে কাজ করতেই হয়, তাই Strings-এর বিভিন্ন manipulation বা পরিবর্তন জানা খুবই গুরুত্বপূর্ণ। এই আর্টিকেলে আমরা শেখবো কিভাবে Strings কে concatenate, slice, substring করা যায় এবং template literals ব্যবহার করা যায় আরও সহজভাবে।


১. String Concatenation (সংযুক্তি)

Concatenation মানে হলো দুটি বা তার বেশি string কে একত্রিত করা। JavaScript-এ আমরা মূলত দুইটি পদ্ধতি ব্যবহার করি:

a) + অপারেটর দিয়ে

let firstName = "Mannan";
let lastName = "Shihab";
let fullName = firstName + " " + lastName;
console.log(fullName); // Output: Mannan Shihab

b) concat() মেথড দিয়ে

let firstName = "Mannan";
let lastName = "Shihab";
let fullName = firstName.concat(" ", lastName);
console.log(fullName); // Output: Mannan Shihab

উপকারিতা:

  • Strings যোগ করা খুব সহজ।

  • concat() ব্যবহার করলে multiple strings একসাথে যোগ করা যায়।


২. String Slice (কাটা)

slice() মেথড একটি string এর নির্দিষ্ট অংশ কেটে আনে। এটি দুটি প্যারামিটার নেয়: start index এবং end index। End index এর চরিত্রটি include হয় না।

let text = "JavaScript";
let part = text.slice(0, 4);
console.log(part); // Output: Java

নোট:

  • যদি আপনি শুধু start index দেন, তাহলে string এর সেই index থেকে শেষ পর্যন্ত সব চরিত্র ফিরিয়ে দেয়।
console.log(text.slice(4)); // Output: Script

৩. String Substring (উপ-স্ট্রিং)

substring()slice() এর মতো কাজ করে। পার্থক্য হলো:

  • এটি negative index সমর্থন করে না।

  • এটি start এবং end index অনুযায়ী substring বের করে।

let text = "JavaScript";
let part = text.substring(4, 10);
console.log(part); // Output: Script

উপকারিতা:

  • Index swap করলে স্বয়ংক্রিয়ভাবে ঠিক করে নেয়।
console.log(text.substring(10, 4)); // Output: Script

৪. Template Literals (Template Strings)

Template literals হলো ES6 এর একটি নতুন ফিচার। এটি ` (backtick) দিয়ে লেখা হয় এবং ভেরিয়েবল ও এক্সপ্রেশন সরাসরি embed করা যায়।

উদাহরণ:

let firstName = "Mannan";
let lastName = "Shihab";
let age = 25;

// Template literal ব্যবহার করে
let info = `আমার নাম ${firstName} ${lastName} এবং আমার বয়স ${age}।`;
console.log(info); 
// Output: আমার নাম Mannan Shihab এবং আমার বয়স 25।

উপকারিতা:

  • Strings যোগ করার চেয়ে কোড অনেক পরিষ্কার হয়।

  • Multiline Strings সহজে লেখা যায়:

let message = `Hello,
আমি Mannan।
JavaScript শেখার চেষ্টা করছি।`;
console.log(message);

JavaScript-এ Strings manipulation শেখা খুবই গুরুত্বপূর্ণ। concat, slice, substring এবং template literals ব্যবহার করে আমরা text-based operations আরও সহজ এবং কার্যকরভাবে করতে পারি।

  • concat এবং + দিয়ে Strings একত্রিত করা যায়।

  • slice বা substring দিয়ে নির্দিষ্ট অংশ কেটে আনা যায়।

  • Template literals দিয়ে dynamic Strings তৈরি করা যায় সহজে।

এই ফিচারগুলো শিখলে আপনি JavaScript-এ Text Handling নিয়ে আরও দক্ষ হয়ে উঠবেন।

3 views

More from this blog

FilamentPHP কী এবং কেন ব্যবহার করবেন?

Laravel দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করা আজকাল অনেক সহজ। কিন্তু একটা জায়গায় ডেভেলপারদের এখনও বেশ সময় লাগে—Admin Panel বা Backend Dashboard তৈরি করা। এই কাজটা সাধারণত repetitive, time-consuming এবং অনেক

Jun 16, 20263 min read8
FilamentPHP কী এবং কেন ব্যবহার করবেন?

JavaScript এ Error Handling

JavaScript একটি শক্তিশালী প্রোগ্রামিং ভাষা, যা ওয়েব ব্রাউজারে এবং সার্ভার-সাইড (Node.js) উভয় জায়গায় ব্যবহৃত হয়। তবে কোড লেখার সময় প্রায়ই আমরা এমন পরিস্থিতির সম্মুখীন হই যেখানে কোনো ভুল বা exception ঘটে। এই ধরনের সমস্যাগুলোকে আমরা Error Handlin...

Sep 30, 20254 min read11
JavaScript এ Error Handling

Local Storage এবং Session Storage

ওয়েব ডেভেলপমেন্টে কাজ করার সময় প্রায়ই আমাদের দরকার হয় ব্রাউজারে ব্যবহারকারীর কিছু ডেটা সাময়িকভাবে সংরক্ষণ করার। যেমন – ব্যবহারকারীর নাম, থিম সেটিংস, লগইন টোকেন, কার্টে রাখা পণ্য ইত্যাদি। এই কাজটি করার জন্য আগে আমরা সাধারণত Cookies ব্যবহার করতাম। তবে ...

Sep 30, 20254 min read4
Local Storage এবং Session Storage

JSON (Parse, Stringify)

ওয়েব ডেভেলপমেন্টে কাজ করতে গেলে ডেটা আদান-প্রদান, সংরক্ষণ এবং ব্যবস্থাপনা করা অত্যন্ত জরুরি। এই ক্ষেত্রে সবচেয়ে জনপ্রিয় এবং বহুল ব্যবহৃত একটি ফরম্যাট হলো JSON। জাভাস্ক্রিপ্টে JSON কাজ করে অত্যন্ত সহজভাবে, বিশেষ করে যখন আমরা JSON.parse() এবং JSON.stri...

Sep 29, 20254 min read2
JSON (Parse, Stringify)

JavaScript Date & Time

সময়কে প্রোগ্রামিংয়ের মধ্যে সঠিকভাবে ব্যবহার করা খুব গুরুত্বপূর্ণ। অনেক ক্ষেত্রে আমাদের তারিখ (Date) এবং সময় (Time) নিয়ে কাজ করতে হয়, যেমন – কোনো ওয়েব অ্যাপে ইউজারের লগইন সময় দেখানো, অর্ডারের ডেলিভারি তারিখ ট্র্যাক করা, বা একটি ইভেন্টের কাউন্টডাউন তৈর...

Sep 28, 20253 min read
JavaScript Date & Time
S

SliceTech

86 posts

Sharing basic web development tutorials.