জাভাস্ক্রিপ্ট ভেরিয়েবল টিউটোরিয়াল (JavaScript Variable Tutorial in Bangla)

 



ভেরিয়েবল হচ্ছে একটা পাত্র, এখানে যেকোন মান ধরে রাখা যায় এবং পরে এই ভেরিয়েবল ধরে কাজ করা যায়। জাভাস্ক্রিপ্টে var শব্দটি দিয়ে একাট ভেরিয়েবল লেখা শুরু করা হয়। var এরপর যেকোন নাম যেমন

var webcoach;

এটা একটা জাভাস্ক্রিপ্ট ভেরিয়েবল। এই ভেরিয়েবলে এখন যেকোন মান রাখতে পারি যেমন

1.var codest= 'Hi codestrickz';

অথবা

1.var codestrickz = 10;


** জাভাস্ক্রিপ্ট এ ভেরিয়েবলের নাম এবং স্টেটমেন্ট case sensitive অর্থ্যাৎ var codestrickz এবং var codestrickz সম্পূর্ন আলাদা ভেরিয়েবল।


** নম্বর দিয়ে ভেরিয়েবলের নাম শুরু করা যাবেনা যেমন var 5firstNUmber এটা ভুল হবে। আরও কিছু চিহ্ন আছে যেগুলি দিয়ে নাম শুরু করা যাবেনা যেমন &, % ইত্যাদি। এছাড়া কিছু সংরক্ষিত নাম আছে এগুলি ভেরিয়েবলের নাম হিসেবে দেয়া যাবেনা যেমন with, var ইত্যাদি।

কিছু সংরক্ষিত নাম

break, do, instanceof, typeof, case, else, new, var, catch, finally, return, void, continue, for, switch, while.... ইত্যাদি


জাভাস্ক্রিপ্ট এ অন্যান্য ল্যাংগুয়েজের মত ডেটা type লিখে দিতে হয়না। পিএইচপির মত সে নিজে নিজেই বের করে নিতে পারে যে ভেরিয়েবলের মান বা ডেটা টি কোন ধরনের। string নাকি float নাকি integer সব নিজেই বের করে নেয়।

01.<!DOCTYPE html>
02.<html>
03.<head>
04.<script>
05.var codestrickz = 'This is a String';
06.alert(codestrickz );
07.var codestrickz = 10;
08. 
09.alert(codestrickz );
10.</script>
11.</head>
12.<body>
13. 
14.<!-- any HTML element here -->
15. 
16.</body>
17.</html>


এখানে রান করিয়ে দেখুন প্রথমে এলার্ট দিবে "This is a String" এরপর var codestrickz এর মান পরিবর্তন হয়ে ১০ হয়েছে তাই পরেরবার এলার্ট দিবে 10. কেননা প্রথমবার "This is a String" মান থাকলেও পরেরবার codestrickz এর মান 10 assign হয়ে গেছে।



ডেটা টাইপ

জাভাস্ক্রিপ্টে কয়েক ধরনের ডেটা আছে।

==> Numerical বা সংখ্যাত্নক ডেটা : এখানে আবার দুটি ভাগ আছে

১. Integer (পূর্নসংখ্যা) : যেকোন পূর্নসংখ্যা ই integer যেমন 15, 20... এমনকি ঋনাত্নক মানও হতে পারে। শুধু শর্ত হচ্ছে পূর্নাঙ্গ সংখ্যা হতে হবে। -253 থেকে 253  পর্যন্ত।

২. Floating-point বা দশমিক সংখ্যা : যেকোন দশমিক সংখ্যা হলেই এটার ডেটা টাইপ বা ধরন হচ্ছে floating-point number. যেমন 2.365 বা এরকম যেকোন সংখ্যা


==> Boolean ডেটা : এই ডেটা টাইপে শুধু ২ ধরনের মানই থাকতে পারে true এবং false . true হচ্ছে 1 এর সমান আর false হচ্ছে 0 এর সমান


==> undefined ডেটা : যখন একটা ভেরিয়েবল ডিক্লেয়ার করা হয় কিন্তু এতে কিছু assign করা হয়না বা initialize করা না হয় তখন এই ভেরিয়েবলটির ডেটা টাইপ "undefined" হবে। এই ডেটা টাইপের একটাই মান undefined


==> string ডেটা : যেকোন লেখা বা টেক্সট কে জাভাস্ক্রিপ্ট স্ট্রিং ডেটা হিসেবে গন্য করে। স্ট্রিং কে সবসময় ডাবল বা সিঙ্গেল কোটেশনের (যেমন "Hi codestrickz " বা 'Hi codestrickz ') ভিতর রাখতে হয়। যদি সিঙ্গেল কোটেশনের ভিতর রাখেন তবে স্ট্রিংয়ের ভিতর সিঙ্গেল quote থাকলে ব্যাকস্ল্যাশ (\) দিয়ে escape করতে হয়। যেমন

1.var student = 'We are good student, isn\'t not';


 

==> null ডেটা : null আর undefined প্রায় একই, একটা পার্থক্য হচ্ছে কোন ভেরিয়েবলের মান null assign করতে পারে কিন্তু undefined দিতে পারবেন না। যাইহোক var codestrickz = null; এভাবে ভেরিয়েবল initialize করতে পারেন। এই ডেটা টাইপের মান একটাই অর্থ্যাৎ null.


জাভাস্ক্রিপ্টে typeof একটা অপারেটর আছে এটা দিয়ে কোন ভেরিয়েবলে কোন ধরনের ডেটা আছে বা এর ডেটা টাইপ কি সেটা বের করা যায়। যেমন আমরা উপরে আলোচিত সবগুলি ডেটা টাইপ typeof দিয়ে বের করে যদি দেখতে চাই

01.<!DOCTYPE html>
02.<html>
03.<head>
04.<script>
05.var codestrickz ;
06.document.write (typeof codestrickz + '<br/>') ;
07. 
08.var codestrickz = 'Hi codestrickz ';
09.document.write (typeof codestrickz + '<br/>');
10. 
11.var codestrickz = 15;
12.document.write (typeof codestrickz + '<br/>');
13. 
14.var codestrickz = 20.325;
15.document.write (typeof codestrickz + '<br/>');
16. 
17.var codestrickz = false;
18.document.write (typeof codestrickz + '<br/>');
19. 
20.var codestrickz = null;
21.document.write (typeof codestrickz + '<br/>');
22. 
23. 
24.</script>
25.</head>
26.<body>
27. 
28.<!-- any HTML element here -->
29. 
30.</body>
31.</html>

আউটপুট

undefined
string
number
number
boolean
object

null  এর ডেটা টাইপ object আসছে কেননা জাভাস্ক্রিপ্ট null কে একটা ফাকা অবজেক্ট হিসেবে গন্য করে।

Post a Comment

Cookie Consent
Little Blog serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the data/wifi internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.