JavaScript
JavaScript Bangla Part-5: JavaScript Data Types
JavaScript Data Types বলতে কি বুঝানো হয় ?
JavaScript Data Types বলতে বুঝানো হয়, JavaScript কোডিং করার সময় যেইসব Data বা তথ্য ব্যবহার করব, তার type বা ধরণ কি হবে , তা নির্ধারণ করে। বাই ডিফল্ট JavaScript Language কে বলা হয় একটা loosely type Language. অর্থাৎ JavaScript নিজেই স্বয়ংক্রিয় ভাবে তার Data বা তথ্যের type নির্ধারণ করে দেয়।
JavaScript Data Type কত প্রকার :
JavaScript এ দুধরণের Data Type রয়েছে।
- Primitives Data Type
- Complex Data Type
জাভাস্ক্রিপ্ট এ Primitives Data Type কি?
Primitive Data Type বলতে বুঝানো হয় একটা সাধারণ Data এর মান যার কোনো অতিরিক্ত Property বা Method থাকেনা। JavaScript এ ছয় ধরণের Primitives Data Type সাপোর্ট করে।
- Boolean
- Number
- String
- Null
- Undefined
- Symbol
জাভাস্ক্রিপ্ট এ Complex Data Type কি?
Complex Data Type বলতে বুঝানো হয় একটা সাধারণ Data এর মানের মধ্যে একাধিক Primitive Data থাকে এবং অতিরিক্ত Property বা Method থাকতে পারে। JavaScript এ দুই ধরণের Complex Data Type সাপোর্ট করে।
- function
- object
জাভাস্ক্রিপ্ট এ Boolean Data Type কি?
JavaScript এ যখন কোনো Data শুধু মাত্র true (সত্য) বা false (মিথ্যা ) represent করে , সেইসব Data গুলোকে JavaScript এ Boolean Data বলে।
<!DOCTYPE html> <html> <body> <h2>JavaScript Booleans</h2> <p id="demo"></p> <script> var x = 5; var y = 5; var z = 6; document.getElementById("demo").innerHTML = (x == y) + "<br>" + (x == z); </script> </body> </html>
Output
জাভাস্ক্রিপ্ট এ Number Data Type কি?
JavaScript এ যখন কোনো Data শুধু মাত্র Number represent করে , সেইসব Data গুলোকে JavaScript এ Number Data Type বলে। JavaScript এ Number কে Decimal সহ অথবা Decimal ছাড়া উভয় অবস্থায় লেখা যায়।
<!DOCTYPE html> <html> <body> <h2>JavaScript Numbers</h2> <p id="demo"></p> <script> var x1 = 55.00; var x2 = 55; var x3 = 3.14; document.getElementById("demo").innerHTML = x1 + "<br>" + x2 + "<br>" + x3; </script> </body> </html>
Output
JavaScript এ String Data Type কি?
JavaScript এ যখন কোনো Data শুধু মাত্র String অর্থাৎ কিছু character এর series represent করে , সেইসব Data গুলোকে JavaScript এ String Data Type বলে। JavaScript এ String Type Data কে single quote (‘ ‘) অথবা Double Quote (” “) উভয় অবস্থায় লেখা যায়। এছাড়া Single Quote অথবা Double Quote অবস্থায় যদি কোনো নাম্বার ও থাকে , তাহলেও সেটি String Type Data হিসেবে বিবেচিত হয়।
<!DOCTYPE html> <html> <body> <h2>JavaScript Strings</h2> <p id="demo"></p> <script> var carName1 = "TOYOTA XC60"; var carName2 = 'TOYOTA XC60'; document.getElementById("demo").innerHTML = carName1 + "<br>" + carName2; </script> </body> </html>
Output
জাভাস্ক্রিপ্ট এ Null Data Type কি?
JavaScript এ Null মানে “nothing” অর্থাৎ কিছুইনা। এটা এমন কিছু যার দ্বারা বিদ্যমান নেই এমন কিছু বুঝানো হয়। দুর্ভাগ্যবশত, জাভাস্ক্রিপ্টে, Null Data কে একটা Object হিসেবে বিবেচনা করা হয়। যেহেতু JavaScript এ Null কে একটা Object হিসেবে বিবেচনা করে, তাই অনেকেই এটিকে একটি Bug মনে করে । তাদের মতে এটি Null হয়ে উচিত।
<!DOCTYPE html> <html> <body> <h2>JavaScript Null Example</h2> <p id="demo"></p> <script> var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; person = null; document.getElementById("demo").innerHTML = typeof person; </script> </body> </html>
Output
জাভাস্ক্রিপ্ট এ undefined Data Type কি?
JavaScript এ undefined ও null এর মতোই মানে “nothing” অর্থাৎ কিছুইনা। এটা এমন কিছু যার দ্বারা বিদ্যমান নেই এমন কিছু বুঝানো হয়। পার্থক্য হচ্ছে , জাভাস্ক্রিপ্টে Null Data কে একটা Object হিসেবে বিবেচনা করা হয়, অন্যদিকে undefined Data কে type হিসেবে undefined হিসেবে বিবেচনা করা হয়।
<!DOCTYPE html> <html> <body> <h2>JavaScript undefined example</h2> <p id="demo"></p> <script> var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; person = undefined; document.getElementById("demo").innerHTML = typeof person; </script> </body> </html>
Output
JavaScript এ Symbol() Data Type কি?
JavaScript এ Symbol() Data Type হচ্ছে একটা নতুন ধরণের Primitive Data Type যা দ্বারা আমরা যেকোনো Property এর value কে Unique করতে পারি। মূলতঃ এটি প্রত্যেকটি Data কে একটা unique key প্রধান করে। এটি প্রথম Data Type যার কোনো আক্ষরিক কোনো অবস্থান নেই, এবং এটি ECMAScript 6 (ES6) version থেকে প্রথম আসে।
<!DOCTYPE html> <html> <body> <h2>JavaScript Symbol()</h2> <p id="demo"></p> <script> document.write(Symbol('dummy') === Symbol('dummy')); document.write("<br>"); document.write('dummy'==='dummy'); </script> </body> </html>
Output
JavaScript এর Object এবং Function Data type এর উদাহরণ
<!DOCTYPE html> <html> <body> <h2>JavaScript Object and Function Data Type</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = typeof {name:'john', age:34} + "<br>" + typeof [1,2,3,4] + "<br>" + typeof null + "<br>" + typeof function myFunc(){}; </script> </body> </html>