জাভাস্ক্রিপ্টে একটি স্ট্রিং, অনেক অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজের মতো, একটি ডেটা টাইপ যা টেক্সট ফরম্যাটে ডেটা ধারণ করে। একটি ওয়েব অ্যাপ্লিকেশনের কনটেক্সটে স্ট্রিং-এর একটি সাধারণ ব্যবহার হলো একটি ফর্ম থেকে ব্যবহারকারীর ইনপুট ধারণ করা। একটি সার্চ ফর্মের উদাহরণ নিই, সার্চ কোয়েরিটি একটি স্ট্রিং হিসেবে স্টোর হয়।
একবার ব্যবহারকারীর ইনপুট আমাদের সার্চ ফর্মে সাবমিট হলে, সাবমিট করা স্ট্রিং-এ কিছু তুলনামূলক অপারেশন পারফর্ম করা হয়। এটি ম্যাচিং ক্রেডেনশিয়াল খুঁজে বের করে এবং ফলাফল ব্যবহারকারীর কাছে রিটার্ন করতে। তুলনামূলক অপারেশন হলো জাভাস্ক্রিপ্ট অপারেটর, অর্থাৎ '=', '==', '===', '<', '>', ইত্যাদি। এই অপারেটরগুলো একটি স্ট্রিং ধারণ করা ভ্যালুগুলো তুলনা করার পর true বা false ভ্যালু রিটার্ন করে।
এই আর্টিকেলটি স্ট্রিং-এর জন্য equality operators-এ ফোকাস করে। এই গাইড জাভাস্ক্রিপ্ট অপারেটরهای সাধারণ সম্পর্কে গভীরে যায়।
JavaScript String কী?
জাভাস্ক্রিপ্টে একটি স্ট্রিং বহু নেটিভ ডেটা টাইপের এক। এটি টেক্সট হিসেবে রিপ্রেজেন্ট করা ভ্যালু ধারণ করে এবং কিছু ভিন্নভাবে কনস্ট্রাক্ট করা যায়। প্রথম উপায়টি হলো string primitive। এতে একটি স্ট্রিং লিটারেল একটি ভেরিয়েবলে স্টোর করা থাকে।
const stringPrim1 = 'Hello World!' const stringPrim2 = "Hello World!" const stringPrim3 = `Hello World!`
একটি স্ট্রিং লিটারেল সিঙ্গেল কোট (''), ডবল কোট (""), বা ব্যাকটিক (`) দিয়ে র্যাপ করা যেতে পারে। জানুন যে একটি জাভাস্ক্রিপ্ট স্ট্রিং শুধু ব্যাকটিক ব্যবহার করে ইন্টারপোলেট করা যায়। স্ট্রিং ইন্টারপোলেশন একটি স্ট্রিং-এ একটি এক্সপ্রেশন এম্বেড করে।
const name = "John"
console.log(`Hello World! My name is ${name}`)
log: "Hello World! My name is John"
এই উদাহরণে, "John" ভ্যালুওয়ালা একটি স্ট্রিং স্টোর করা একটি ভেরিয়েবল আছে। ব্যাকটিক ব্যবহার করে, আমরা জাভাস্ক্রিপ্ট স্ট্রিং ইন্টারপোলেশন মেথড ব্যবহার করতে পারি। আমরা name-এর ভ্যালুকে একটি অ্যাবস্ট্রাক্ট উপায়ে রেফারেন্স করতে পারি।
এটি জাভাস্ক্রিপ্টে স্ট্রিং ইন্টারপোলেশন অর্জন করার শুধু একটি উপায়। আপনি যদি আরও উপায় জানতে চান, এই গাইড শুরু করার জন্য একটি ভালো জায়গা।
JavaScript Strings-এ Comparative Operators ব্যবহার করা
আমাদের স্ট্রিং-এ কেস সেনসিটিভিটি (case sensitivity) উপেক্ষা করতে হবে একটি সার্চ ফর্ম কার্যকর করার জন্য। এটি আমাদের ব্যবহারকারীদের জন্য কষ্টদায়ক হত যদি তাদের ইনপুট একদম আমাদের ডেটাবেসে স্টোর করা ভ্যালুদের সাথে ম্যাচ করতে হত। জাভাস্ক্রিপ্ট toUpperCase() এবং toLowerCase() মেথডগুলোর সাথে একটি ওয়ার্কআরাউন্ড (workaround) দেয়।
একটি ভিডিও ওয়েব অ্যাপে cute kitten ভিডিও সার্চ করি।
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput == searchResult) log: false
এই টুল এবং method-এ কম্পারেটিভ সার্চ প্রোগ্রামিং করলে কোনো ফলাফল দেবে না। আমরা জানি ইন্টারনেট kitten ভিডিওর সাথে পূর্ণ, তাই কেস সেনসিটিভিটি উপেক্ষা করে ব্যবহারকারী যা সার্চ করতে চেয়েছিল সেটা রিটার্ন করি।
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toUpperCase() === searchResult.toUpperCase()) log: true
ইনপুটের পর দুটি স্ট্রিংকে সব বড় হাতের অক্ষরে রূপান্তর করলে, আমরা সঠিক সার্চ রেজাল্ট রিটার্ন করতে পারি। একই ফলাফল দুটি স্ট্রিংকে সব ছোট হাতের অক্ষরে রূপান্তর করেও অর্জন করা যায়।
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toLowerCase() === searchResult.toLowerCase()) log: true
এই উদাহরণটি একটি সার্চ ফর্ম কীভাবে লিখা হয় সেটার কম্পারেটিভ লজিক দেখাতে করা হয়েছে। জাভাস্ক্রিপ্ট স্ট্রিং-এর জন্য আরও অনেক মেথড এবং অপারেটর আছে যা এখানে পাওয়া যাবে।
উপসংহার
জাভাস্ক্রিপ্ট স্ট্রিং-এ এই ইন্ট্রোডাকশনে, আমরা সংক্ষেপে আলোচনা করেছি একটি স্ট্রিং কী এবং সেগুলোর সাথে কীভাবে কাজ করতে হয় তার কিছু উপায়। জাভাস্ক্রিপ্টে স্ট্রিং বিষয়টি একটি ব্যাপক বিষয়। একটি স্ট্রিং কী সেটা বোঝা একটি সহজ কাজ হতে পারে, কিন্তু স্ট্রিং-এর সাথে কাজ করার ইনক্লুডেড মেথডগুলো বিস্তৃত।
এই আর্টিকেলের কনসেপ্টগুলো বুঝার পর, উপরের গাইড ব্যবহার করে আরও স্ট্রিং মেথড এক্সপ্লোর করলে আরও সencja বোধ হবে। জাভাস্ক্রিপ্ট স্ট্রিং ডাইনামিক, রোবাস্ট ওয়েব অ্যাপ তৈরি করার জন্য অপরিহার্য ডেটা টাইপ।
