জাভাস্ক্রিপ্ট স্ট্রিং: টেক্সট নিয়ে খেলা!

জাভাস্ক্রিপ্ট টিউটোরিয়াল : স্ট্রিং

স্ট্রিং কী জিনিস?

প্রোগ্রামিংয়ে কোনো টেক্সটকেই স্ট্রিং বলে। আমরা আগের টিউটোরিয়ালগুলোতে বিভিন্ন সময় কোটেশন (" " / ' ') ভেতর নানা টেক্সট লিখেছি, যেমন "Bangladesh"— এটা একটা স্ট্রিং।
জাভাস্ক্রিপ্টে কোটেশনের ভেতর কিছু লিখলে, তা String হিসেবে গণ্য হয়; সেটা ডাবল কোটও (" ") হতে পারে বা সিঙ্গেল কোটও হতে পারে (' ')।

// String with Single Quote:
var x = 'Hello World';
// String with Double Quote:
x = "Hello World";

স্ট্রিং-স্ট্রিং খেলা

আমরা স্ট্রিং নিয়ে নানান ধরণের খেলা খেলতে পারি। তোমরা একে একে দেখে যাও সেই খেলাগুলো, সমান্তরালে নিজেরাও নিজেদের কনসোলে খেলে যাও। আসো:

স্ট্রিংয়ের লেংথ বা দৈর্ঘ্য

একটি স্ট্রিংয়ের Length জানা জাভাস্ক্রিপ্টে খুবই সোজা:

# Input:
var s = 'Howdy';
console.log(s.length);
# Output:
5

স্ট্রিংয়ের প্রোপার্টি এক্সেস

কোনো স্ট্রিংয়ের ভেতর একেকটা বর্ণ বা Character-কে বলে সেই স্ট্রিংয়ের একেকটা প্রোপার্টি। আমরা চাইলে সেগুলো এক্সেস করতে পারি এভাবে string_name[index_number]:

var religion = "Islam is my religion";
console.log(a[0]);

জাভাস্ক্রিপ্টে ইন্ডেক্স নাম্বার 0 (zero) থেকে শুরু হয়। মানে ১ম প্রোপার্টির ইন্ডেক্স নাম্বার 0, আর ২য় প্রোপার্টির ইন্ডেক্স নাম্বার 1, এভাবে সর্বোচ্চ ইন্ডেক্স নাম্বার স্ট্রিংয়ের দৈর্ঘ্যের চেয়ে ১ কম।

সর্বোচ্চ ইন্ডেক্স নাম্বার থেকে বেশি নাম্বার ইনপুট দিলে কিন্তু আবার undefined আউটপুট আসবে:

# Input:
var b = "Bn";
console.log(b[2]);
# Output:
undefined

ইনডেক্স নাম্বার খোঁজা

জাভাস্ক্রিপ্টে স্ট্রিংয়ের বিশেষ কোনো ক্যারেক্টারের ইনডেক্স নাম্বারও খোঁজা যায় একটি ফাংশনের (Function) মাধ্যমে:

# Input:
var l = "Bangla";
console.log(l.indexOf('a'));
# Output:
1

আমরা দেখতে পাচ্ছি, "Bangla" স্ট্রিং-টিতে 'a' বর্ণটি আছে দুইবার। কিন্তু কনসোলে শুধু প্রথমটির ইন্ডেক্স নাম্বার এসেছে। পরেরটি কীভাবে আনব? সহজ ব্যাপার! এই কাজটি করার জন্য আমরা indexOf(character, second_start_position) ফাংশনটিতে ক্যারেক্টারটির পরে একটি কমা দিয়ে 'a' এর ইনডেক্স নাম্বারের সাথে 1 যোগ করে ইনপুট দিব।

# Input:
console.log(l.indexOf('a', 2));
# Output:
5

খেলা শেষ!

স্ট্রিং নিয়ে কোপাকুপি

আমরা এখন দেখব স্ট্রিং-কে কীভাবে কোপ দিয়ে কেটে ফেলতে হয়। তাহলে চল:

slice() ফাংশন

আমরা যদি চাই একটি স্ট্রিংয়ের কোনো এক ইনডেক্স নাম্বার থেকে শুরু করে অন্য ইনডেক্স নাম্বার পর্যন্ত যতগুলো অক্ষর আছে সেগুলোকে কেটে নিয়ে আলাদা একটা স্ট্রিং পেতে, তাহলে slice() ফাংশন দিয়ে সেই কাজ করতে পারি। slice() ফাংশনটি দুইটা প্যারামিটার নেয়:

1. Start Position – যেখান থেকে কাটা শুরু করতে হবে।
2. End Position – যেখানে গিয়ে কাটা শেষ করতে হবে তার চেয়ে 1 বেশি। অর্থাৎ 5 নং ইনডেক্সে আমাদের কাটাকুটি অভিযান শেষ করতে চাইলে End Position আমাদের 6 দিতে হবে।

// পূর্বের উদাহরণের সূত্র ধরে
# Input:
var notun = l.slice(0, 3);
console.log(notun);
# Output:
Ban

যদি আমরা End Position না দেই, তবে Start Position থেকে বাকি সবটা স্ট্রিং কাটা হয়ে যাবে।

substr() ফাংশন

substr() ফাংশনও দুইটা প্যারামিটার ইনপুট নেয়, একটা Start Position আরেকটা Length. প্রথম প্যারামিটারটা slice() এর মতোই, কিন্তু দ্বিতীয়টা উল্লেখ করে Start Position থেকে কয়টা অক্ষর বা ক্যারেক্টার কাটতে হবে তার পরিমাণ বা Length.

# Input:
console.log(l.substr(3, 2);
# Output:
gl

খুব ভালো একটা ফাংশন।

আশা করি সবটা বুঝতে পেরেছ!😊
এখন তোমাদের জন্য হোমওয়ার্ক—

কনসোলে একটি ভ্যারিয়েবল তৈরি কর dori নামে। এরপর এতে অ্যাসাইন কর "Kite flies in the sky."।
শেষে তোমাদের কাজ হচ্ছে dori থেকে "Kite" শব্দটি বের করে এনে তা অন্য একটি ভ্যারিয়েবলে অ্যাসাইন করা আর কনসোলে আনন্দের সাথে প্রিন্ট করা।

# জাভাস্ক্রিপ্ট টিউটোরিয়াল
# জাভাস্ক্রিপ্ট স্ট্রিং
# Learn JavaScript
# Learn JS
# JavaScript Tutorial
# JavaScript Course
# JS Tutorial Bangla

আসসালামু আলাইকুম!♥