জাভাস্ক্রিপ্ট স্ট্রিং (JavaScript Strings)
- জাভাস্ক্রিপ্ট স্ট্রিং টেক্সট (লেখা) সংরক্ষণ ও কাজে লাগানোর জন্য ব্যবহার করা হয়।
- জাভাস্ক্রিপ্ট স্ট্রিং সাধারণভাবে একগুচ্ছ বর্ণকে পরবর্তীতে ব্যবহারের জন্য সংরক্ষণ করে। যেমন: “John Doe”
- স্ট্রিং কোটেশনর এর ভিতরে যেকোন লেখা হতে পারে। আপনি একক বা ডবল কোটেশন ব্যবহার করতে পারেন।
যেমন:
var carname = “Volvo XC60”;
var carname = ‘Volvo XC60’;
আপনি স্ট্রিং এর ভিতরে যতবার খুশি কোটেশন ব্যবহার করতে পারেন, যতক্ষন পর্যন্ত না প্রথম ও শেষ কোটেশন মিলে যায়।
উদাহরণ:
var answer = “It’s alright”;
var answer = “He is called ‘Johnny'”;
var answer = ‘He is called “Johnny”‘;
স্ট্রিং এর দৈঘ্য
একটি স্ট্রিং এর দৈর্ঘ্য হবে প্রোপার্টি এ নির্দিষ্টকৃত দৈর্ঘ্য (length):
উদাহরণ:
var txt = “ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
var sln = txt.length;
বিশেষ বর্ণ
যেহেতু স্ট্রিং কোটেশন এর ভিতরে লিখতে হয়, সেহেতু নিচের উদাহরণটিকে ভুল বুঝে:
var y = “We are the so-called “Vikings” from the north.”
উপরের স্ট্রেংটিকে মনে করে, “We are the so-called” .
এই সমস্যা সমাধানের উপায় হল, \ অক্ষরের অব্যাহতি (escape character) ব্যবহার করা।
এই অক্ষরের অব্যাহতি ব্যাকস্লাসটি বিশেষ বর্ণকে স্ট্রিং হিসেবে ফেরত দেয়।:
উদাহরণ:
var x = ‘It\’s alright’;
var y = “We are the so-called \”Vikings\” from the north.”
অব্যাহতি অক্ষর (\) অন্যান্য বিশেষ বর্ণকেও স্ট্রিং হিসেবে ব্যবহার করতে ব্যবহৃত হয়।
এখানে বিশেষ বর্ণের একটি তালিকা দেওয়া হল যা ব্যাকস্লাস (\) এর মাধ্যমে টেক্স স্ট্রিং হিসেবে ব্যবহার করা যায়:
| কোড | আউটপুট |
| \’ | একক কোটেশন |
| \” | ডবল কোটেশন |
| \\ | ব্যাকস্লাস |
| \n | নতুন লাইন |
| \r | বহন ফেরত |
| \t | ট্যাব |
| \b | ব্যাকস্পেস |
| \f | ফর্ম ফিড |
লম্বা কোড এর লাইনকে ভেঙ্গে দেওয়া
সহজে পড়ার উপযোগী করার জন্য অনেক সময় প্রোগ্রামাররা 80 বর্ণের অধিক ক্যারেকটার এর লম্বা লাইনকে ভেঙ্গে লেখেন।
যদি জাভাস্ক্রিপ্ট এর স্টেটমেন্ট এক লাইনে সংকুলান না হয়, তাহলে সবচেয়ে ভাল উপায় হলো কোন অপারেটর এর শেষে এটিকে ভেঙ্গে দেওয়া।
উদাহরণ:
document.getElementById(“demo”).innerHTML =
“Hello Dolly.”;
আপনি টেক্স স্ট্রিং এর ভিতরে একটি একক ব্যাকস্লাস (\) ব্যবহার করেও লাইটকে ভাঙ্গতে পারেন।
উদাহরণ:
document.getElementById(“demo”).innerHTML = “Hello \
Dolly!”;
নোট : \ মেথড ECMAScript (জাভাস্ক্রিপ্ট) স্ট্যান্ডার্ড নয়। কিছু ব্রাউজার \ (স্লাস) এর পেছনে স্পেস সাপোর্ট করে না।
একটি দীর্ঘ স্ট্রিং কে ভাঙ্গার নিরাপদ (কিন্তু একটু সময়সাপেক্ষ) পথ হচ্ছে স্ট্রিং সংযোযন ব্যবহার করা:
উদাহরণ:
document.getElementById(“demo”).innerHTML = “Hello” +
“Dolly!”;
আপনি কোড লাইনকে ব্যাকস্লাস দিয়ে ভাঙ্গতে পারবেন না:
উদাহরণ:
document.getElementById(“demo”).innerHTML = \
“Hello Dolly!”;
স্ট্রিং অবজেক্টও হতে পারে
সাধারণভাবে জাভাস্ক্রিপ্ট স্ট্রিং হচ্ছে আদিম মান (primitive values), অক্ষর দিয়ে তৈরি: var firstName = “John”
কিন্তু স্ট্রিং কে new কীওয়ার্ড এর সাহায্যে অবজেক্ট হিসেবেও ব্যবহার করা যেতে পারে : var firstName = new String(“John”)
উদাহরণ :
var x = “John”;
var y = new String(“John”);
// typeof x will return string
// typeof y will return object
নোট: স্ট্রিং কে অবজেক্ট হিসেবে ব্যবহার করবেন না। এটি প্রক্রিয়াকরণ গতিকে ধরি করে ফেলে এবং বাজে পার্শ্বপ্রতিক্রিয়া উৎপন্ন হয়।
যখন == সমান অপারেটর ব্যবহার করবেন, সমান স্ট্রিংগুলো সমান দেখাবে:
যেমন:
var x = “John”;
var y = new String(“John”);
// (x == y) is true because x and y have equal values
যখন আপনি === সমান অপারেটর ব্যবহার করবেন, সমস্ট্রিংগুলো সবসময় সমান থাকবে না, কারণ === অপারেটর মান এবং টাইপ একই হবে বলে আশা করে।
var x = “John”;
var y = new String(“John”);
// (x === y) is false because x and y have different types
বা, অবজেক্ট এর সাথে অবজেক্ট তুলনা করা যায় না:
যেমন:
var x = new String(“John”);
var y = new String(“John”);
// (x == y) is false because objects cannot be compared
স্ট্রিং প্রোপার্টি এবং মেথড
আদিম মান, যেমন “John Doe” এর কোন প্রোপার্টিজ এবং মেথড থাকতে পারে না (কেননা এরা অবজেক্ট নয়)।
কিন্তু জাভাস্ক্রিপ্টে আদিম মান এর জন্যও মেথড এবং প্রোপার্টিজ রয়েছে, কারণ যখন মেথড এবং প্রোপার্টিজ কার্যে পরিণত করা হয় তখন ভাজাস্ক্রিপ্ট আদিম মানকে একইরূপে অবজেক্ট হিসেবে গণ্য করে।
স্ট্রিং মেথড সম্পর্কে পরবর্তী অধ্যায় এ আলোচনা করা হয়েছে।
স্ট্রিং প্রোপার্টিজ
| প্রোপার্টি (Property) | বর্ণনা |
| constructor | যে ফাংশনটি স্ট্রিং অবজেক্ট এর প্রোটোটাইপ তৈরী করেছিলেন তা ফেরত দেয় |
| length | স্ট্রিং এর length ফেরত দেয় |
| prototype | আপনাকে একটি অবজেক্ট এর ভিতরে প্রোপার্টি এবং মেথড যোগ করার অনুমতি প্রদান করে। |
স্ট্রিং মেথড
| মেথড (Method) | বর্ণনা |
| charAt() | সুনির্দিষ্ট ইনডেক্স এর (অবস্থান) নির্দিষ্ট বর্ণ ফেরত দেয়। |
| charCodeAt() | সুনির্দিষ্ট ইনডেক্স এর নির্দিষ্ট ইউনিকোড বর্ণ ফেরত দেয়। |
| concat() | দুই বা ততোধিক স্ট্রিং কে যুক্ত করে এবং তার একটি অনুলিপি ফেরত দেয়। |
| fromCharCode() | ইউনিকোড মানকে বর্ণে পরিবর্তন করে। |
| indexOf() | স্ট্রিং এর নির্দিষ্ট মান এর ভিতরে প্রথম পাওয়া কাঙ্খিত ঘটনা এর অবস্থান ফেরত দেয়। |
| lastIndexOf() | স্ট্রিং এর নির্দিষ্ট মান এর ভিতরে শেষ পাওয়া কাঙ্খিত ঘটনা এর অবস্থান ফেরত দেয়। |
| localeCompare() | বর্তমান অবস্থানের দুটি স্ট্রিং এর মধ্যে তুলনা করে। |
| match() | রেগুলার এক্সপ্রেশন এর মধ্যে একটি স্ট্রিং কে খুঁজে এবং খুঁজে পাওয়া ফলাফল ফেরত দেয়। |
| replace() | স্ট্রিং এর নির্দিষ্ট মান খোঁজে এবং নতুন একটি স্ট্রিং দ্বারা প্রতিস্থাপণ করে তা ফেরত দেয়। |
| search() | স্ট্রিং এর নির্দিষ্ট মান খোঁজে এবং এর অবস্থান ফেরত দেয়। |
| slice() | স্ট্রিং এর সার অংশ বের করে এবং নতুন একটি স্ট্রিং ফেরত দেয়। |
| split() | স্ট্রিং কে বিভাজন করে সাবস্ট্রিং এর অ্যারে তৈরি করে। |
| substr() | স্ট্রিং এর নির্দিষ্ট অংশ এর সার অংশ বের করে কিছুসংখ্যক বর্ণের মাধ্যমে। |
| substring() | দুইটি নির্দিষ্ট অবস্থান এর মধ্যে একটি স্ট্রিং এর নির্দিষ্ট অংশ এক্সট্রাক্ট করে। |
| toLocaleLowerCase() | স্ট্রিং কে ছোট হাতের অক্ষরে পরিণত কর। |
| toLocaleUpperCase() | স্ট্রিং কে বড় হাতের অক্ষরে পরিণত করে। |
| toLowerCase() | স্ট্রিং কে ছোট হাতের অক্ষরে পরিণত কর। |
| toString() | স্ট্রিং অবজেক্ট এর মান ফেরত দেয়। |
| toUpperCase() | স্ট্রিং কে বড় হাতের অক্ষরে পরিণত করে। |
| trim() | স্ট্রিং এর উভয় প্রান্ত থেকে ফাঁকা স্পেস মুছে ফেলে। |
| valueOf() | স্ট্রিং অবজেক্ট এর আদি মান ফেরত দেয়। |
নিজে নিজে অনুশীলন কর!
অনুশীলন 01:
ইঙ্গিত: ভেরিয়েবল টেক্সট এ স্ট্রিং “Hello World!” নির্ধারণ কর।
<!DOCTYPE html>
<html>
<body>
<p id=”demo”></p>
<script>
var txt;
document.getElementById(“demo”).innerHTML = txt;
</script>
</body>
</html>
অনুশীলন 02:
ইঙ্গিত: টেক্সট ভেরিয়েবল এর মান এর দৈর্ঘ্য প্রদর্শনের জন্য length প্রোপার্টি ব্যবহার কর।
<!DOCTYPE html>
<html>
<body>
<p id=”demo”></p>
<script>
var txt = “Hello World!”;
document.getElementById(“demo”).innerHTML = txt;
</script>
</body>
</html>
অনুশীলন 03:
ইঙ্গিত: স্ট্রিং টি ভেঙ্গে গেছে – ঠিকভাবে প্রদর্শনের জন্য অক্ষরের অব্যাহতি (escape character) ব্যবহার কর।
<!DOCTYPE html>
<html>
<body>
<p id=”demo”></p>
<script>
document.getElementById(“demo”).innerHTML = “We are “Vikings”.”;
</script>
</body>
</html>
অনুশীলন 04:
ইঙ্গিত: শ্রেণীবদ্ধভাবে সংযুক্ত দুটি স্ট্রিং প্রদর্শন করে “হ্যালো ওয়ার্ল্ড!”
<!DOCTYPE html>
<html>
<body>
<p id=”demo”>Display the result here.</p>
<script>
var str1 = “Hello “;
var str2 = “World!”;
</script>
</body>
</html>