আশাকরি ভাল আছেন। আমি মহান আল্লাহ্ তা’আলার অশেষ মেহেরবানীতে ভাল আছি।
দুইদিন ধরে জাভাস্ক্রিপ্ট টিউটোরিয়াল লেখা হয় না। দুইদিন পর আবার জাভাস্ক্রিপ্ট টিউটোরিয়াল শুরু করলাম। কেউ কেউ হয়ত ভাবছেন আমি জাভাস্ক্রিপ্ট টিউটোরিয়াল লেখা বন্ধ করে দিয়েছি। আসলে ব্যাপারটা তা নয়। আমি নিয়মিত ভাবেই লিখবো – ইনশাল্লাহ্। আসলে গত কয়েকদিন একটু ব্যস্ত ছিলাম যার কারণে মাঝখানে দুই দিন জাভাস্ক্রিপ্ট টিউটোরিয়াল লিখতে পারিনি। যাইহোক, এবার আমরা মূল আলোচনায় আসি। আমাদের আজকের আলোচনার বিষয় জাভাস্ক্রিপ্ট স্ট্রিং (JavaScript String) সম্পর্কে। প্রথমে আমরা জেনে নিবো যে স্ট্রিং কি?
স্ট্রিং (String) হল কতগুলো ক্যারেক্টারের সমষ্টি। জাভাস্ক্রিপ্ট স্ট্রিং এর মাধ্যমে টেক্সট নিপুনভাবে সংরক্ষণ করা হয়। জাভাস্ক্রিপ্ট বেশকিছু বর্ণসমষ্টিকে সংরক্ষণ করতে পারে। জাভাস্ক্রিপ্ট এ কোন তথ্য সংরক্ষণের জন্য স্ট্রিং ব্যবহার করা হয়ে থাকে। আমরা আগে আরও স্ট্রিং এর উদাহরণ দেখেছি। কিন্তু, স্ট্রিং সম্পর্কে আলাদা করে আলোচনা করা হয়নি। ভাবছেন স্ট্রিং উদাহরণ কখন দেখলেন?
নিচের কোডটুকু লক্ষ্য করুন;
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title> JavaScript String </title> </head> <body> <script type="text/javascript"> var welcome='Welcome to JavaScript Tutorial' </script> </body> </html>
এখানে দেখুন আমরা welcome নামে একটা ভেরিয়েবল নিয়েছি এবং ভেরিয়েবল এর মান Welcome to JavaScript Tutorial দিয়েছি। এখানে, Welcome to JavaScript Tutorial লেখাটি হচ্ছে স্ট্রিং। জাভাস্ক্রিপ্ট স্ট্রিং সিঙ্গেল কোটেশন এবং ডাবল কোটেশন উভয়ই ব্যবহার করতে পারবেন। এটা নির্ভর করবে আপনার রুচির উপর। তবে একটা কথা ভুলে গেলে চলবে না। জাভাস্ক্রিপ্ট কেস সেনসিটিভ। তাই, স্ট্রিং এ বড় হাতের অক্ষর এবং ছোট হাতের অক্ষর এর প্রতি বিশেষ নজর রাখতে হবে।
আমরা সহজেই Sting Length প্রোপার্টি ব্যবহার করে স্ট্রিং এর দৈর্ঘ্য নির্ণয় করতে পারি। যেমন আমরা যদি উপরের উদাহরণের স্ট্রিং এর দৈর্ঘ্য নির্ণয় করতে চাই তাহলে নিচের কোডটুকু লিখে index.html নামে সেভ করুন;
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title> JavaScript String </title> </head> <body> <script type="text/javascript"> var welcome='Welcome to JavaScript Tutorial'; document.write(welcome.length); </script> </body> </html>
এবার যদি index.html ফাইলটি একটি ব্রাউজারে প্রদর্শন করান তাহলে 30 লেখাটি দেখতে পারবেন।
কোড বিশ্লেষণঃ আমরা প্রথমে একটা ভেরিয়েবল নিয়েছি। আমরা ভেরিয়েবলের নাম welcome দিয়েছি। এরপর, আমরা ভেরিয়েবলের মান হিসেবে 'Welcome to JavaScript Tutorial লিখেছি। এবার আমরা ভেরিয়বেলের দৈর্ঘ্য নির্ণয়ের জন্য document.write(welcome.length); ব্যবহার করছি। Welcome to JavaScript Tutorial লেখাটিতে স্পেস সহ মোট ৩০ টি ক্যারেক্টার রয়েছে। এভাবেই আমরা জাভাস্ক্রিপ্ট স্ট্রিং এর মাধ্যমে দৈর্ঘ্য নির্ণয় করতে পারি।
আপনি চাইলে অবজেক্ট ব্যবহার করেও জাভাস্ক্রিপ্ট স্ট্রিং তৈরি করতে পারেন। সাধারণভাবে জাভাস্ক্রিপ্ট এর সিনট্যাক্সটি হচ্ছে;
var welcome='Welcome to JavaScript Tutorial';
আপনি যদি অবজেক্ট ব্যবহার করে স্ট্রিং এর সিনট্যাক্সটি হচ্ছে;
var welcome=new String('Welcome to JavaScript Tutorial');
জাভাস্ক্রিপ্ট এ Backslash (\) ব্যবহার ক্যারেক্টারসমূহকে একটি টেক্সট স্ট্রিং এ যোগ করা যায়। নিচে কিছু স্পেশাল ক্যারেক্টার এর তালিকা দেওয়া হল। এসব ক্যারেক্টার backslash (\) এর সাথে একটি স্ট্রিং এ যুক্ত করা যায়।
| কোড | আউটপুট |
| \’ | single quote |
| \” | double quote |
| \& | ampersand |
| \\ | backslash |
| \n | new line |
| \r | carriage return |
| \t | tab |
| \b | back space |
| \f | form feed |
আপনি backslash (\) এর মাধ্যমে একটি লম্বা কোড লাইন ভেঙ্গে ফেলতে পারেন। নিচের উদাহরণটি একটু লক্ষ্য করে দেখুন;
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title> JavaScript String </title>
</head>
<body>
<script type="text/javascript">
document.write('JavaScript is a \
popular programming language.');
</script>
</body>
</html>
তবে, আপনি যদি ভুল করে Forward Slash (/) ব্যবহার করেন তাহলে এটা কাজ করবে না। যেমন;
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title> JavaScript String </title>
</head>
<body>
<script type="text/javascript">
document.write('JavaScript is a/
popular programming language.');
</script>
</body>
</html>
আমরা যেসব প্রিমেটিভ ভ্যালু নিয়ে এতক্ষন কাজ করেছি এসব ভ্যালু এর প্রোপার্টি এবং মেথড নেই। কেননা, এসব ভ্যালু অবজেক্ট নয়। চলুন আমরা প্রথমে একটু জেনে নিই যে প্রপার্টি এবং মেথড কি?
একটি অবজেক্ট এর সাথে যুক্ত ভ্যালুসমূহ-ই হচ্ছে প্রোপার্টি এবং মেথড হচ্ছে কিছু কার্যক্রম যা অবজেক্টসমূহের উপর সম্পাদিত হয়।
এখন আমরা কিছু স্ট্রিং প্রোপার্টি নিয়ে আলোচনা করবোঃ
| প্রোপার্টি | বর্ণনা |
| length | স্ট্রিং এর দৈর্ঘ্য রিটার্ন করে। |
| constructor | অবজেক্ট তৈরি করতে পারে এমন স্ট্রিং ফাংশন রিটার্ন করে। |
এখন আমরা কিছু স্ট্রিং মেথড নিয়ে আলোচনা করবোঃ
| মেথড | বর্ণনা |
| toUpperCase() | স্ট্রিং কে আপারকেস (বড় হাতের অক্ষর) লেটার এ প্রদর্শন করবে। |
| toLowerCase() | স্ট্রিং কে লোওয়ার (ছোট হাতের অক্ষর) লেটার এ প্রদর্শন করবে। |
| replace() | স্ট্রিং এর কোন অংশ প্রতিস্থাপন করবে। |
| indexOf() | কোন স্ট্রিং খুঁজার জন্য। |
| split() | স্ট্রিং (String) থেকে অ্যারে (Array) বানাবে। |
জাভাস্ক্রিপ্ট ধারাবাহিক টিউটোরিয়াল এর ১২তম পর্বের আলোচনা এখানেই শেষ করছি। আশা করি বুঝতে পেরেছেন। যদি বুঝতে কোন অসুবিধা হয় তাহলে টিউমেন্ট এর মাধ্যমে আমকে জানান, তাহলে আমি সমাধান দেওয়ার চেষ্টা করবো - ইনশাল্লাহ্। ধন্যবাদ সবাইকে মনোযোগ দিয়ে আজকের টিউটোরিয়ালটি পড়ার জন্য।
আমার সাথে ফেইসবুক এ যোগাযোগ করতে এখানে ক্লিক করুন।
ভাল থাকবেন সবাই। আল্লাহ্ হাফেজ।
আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
![জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০৭] :: জাভাস্ক্রিপ্ট ফাংশন](https://dnc.techtunes.io/tDrive/tuner/cybershot/343605/js.jpg "জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০৭] :: জাভাস্ক্রিপ্ট ফাংশন")
![ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-০৬] :: এইচটিএমএল ফর্ম এবং এনটাইটি](https://dnc.techtunes.io/tDrive/tuner/cybershot/347449/design.png "ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-০৬] :: এইচটিএমএল ফর্ম এবং এনটাইটি")
![ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-০৯] :: সিএসএস কি, কেন? সিএসএস শেখার পূর্বপ্রস্তুতি](https://dnc.techtunes.io/tDrive/tuner/cybershot/348856/design.png "ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-০৯] :: সিএসএস কি, কেন? সিএসএস শেখার পূর্বপ্রস্তুতি")