জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-১৪] :: জাভাস্ক্রিপ্ট ডেট অবজেক্ট এবং বুলিয়ান অবজেক্ট

আসসালামু আলাইকুম । কেমন আছেন সবাই? আশা করি ভাল আছেন? আমি মহান আল্লাহ্‌ তা'আলার অশেষ রহমতে ভাল আছি ।

গত পর্বে আমরা জাভাস্ক্রিপ্ট অবজেক্ট নিয়ে আলোচনা করেছিলাম । আমরা ইতোমধ্যে জাভাস্ক্রিপ্ট এর উপর এর ১৩ টি পর্ব আলোচনা করেছি । আজ আমি জাভাস্ক্রিপ্ট ১৪তম পর্ব নিয়ে আলোচনা করবো । আজকের আলোচনার বিষয়টি খুবই গুরুত্বপূর্ণ । আজ আমরা দুইটি বিষয় নিয়ে আলোচনা করবো । আজকের আলোচনার বিষয় হচ্ছে জাভাস্ক্রিপ্ট ডেট অবজেক্ট (JavaScript Date Object) এবং জাভাস্ক্রিপ্ট বুলিয়ান অবজেক্ট (JavaScript Boolean Object) । আমরা প্রথমে জাভাস্ক্রিপ্ট ডেট অবজেক্ট নিয়ে আলোচনা করবো এরপর আমরা বুলিয়ান অবজেক্ট (JavaScript Boolean Object)  নিয়ে আলোচনা করবো । চলুন তাহলে কথা নারিয়ে আমরা আমাদের মূল আলোচনায় ফিরে আসি । এখন আমি জাভাস্ক্রিপ্ট ডেট অবজেক্ট নিয়ে আলোচনা করবো;

জাভাস্ক্রিপ্ট ডেট অবজেক্ট (JavaScript Object)

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

আমরা চারটি উপায়ে জাভাস্ক্রিপ্ট ডেট অবজেক্ট তৈরি করতে পারি;


new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

বর্তমান সময় এবং তারিখ জানার জন্য জাভাস্ক্রিপ্ট newDate() ব্যবহার করা হয় । বিষয়টি ভালোভাবে বুঝতে নিচের কোডটুকু লিখে index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>JavaScript Date Object</title>
</head>
<body>
	<script type="text/javascript">
		var currenttime = new Date();
		document.write(currenttime);
	</script>
</body>
</html>

এবার যদি আপনি index.html ফাইলটি প্রদর্শন করান তাহলে ব্রাউজারে বর্তমান সময় এবং তারিখ দেখতে পারবেন ।

জাভাস্ক্রিপ্ট ডেট অবজেক্ট এ প্রচুর মেথড রয়েছে । এখন আমরা জাভাস্ক্রিপ্ট অবজেক্ট এর বেশ কিছু মেথড সম্পর্কে আলোচনা করবো;

getTime()

এই মেথড ব্যবহার ১৯৭০ সাল থেকে আজ পর্যন্ত কত মিলিসেকেন্ড তা সহজেই নির্ণয় করা যায় । এজন্য ব্রাউজারে নিচের কোডটুকু লিখে index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>JavaScript Date Object</title>
</head>
<body>
	<script type="text/javascript">
		var currenttime = new Date();
	document.write(currenttime.getTime()+" milliseconds since 1970/01/01");
	</script>
</body>
</html>

এবার আপনি index.html ফাইলটি ব্রাউজারে প্রদর্শন করালে ১৯৭০ সালের পহেলা জানুয়ারি থেকে এই পর্যন্ত সময় কত মিলিসেকেন্ড তা জানতে পারবেন ।

getDay()

এই মেথড ব্যবহার করে আজ সপ্তাহের কোন দিন তা জানতে পারবেন । যেমন আজ শুক্রবার হলে জানতে এই মেথড এর মাধ্যমে জানতে পারবেন যে, আজ শুক্রবার । চলুন ভালভাবে বুঝার জন্য একটি উদাহরণ দেখি । এজন্য ব্রাউজারে নিচের কোডটুকু লিখে index.html নামে সেভ করুন;


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>JavaScript Date Object</title>
</head>
<body>
	<script type="text/javascript">
		var currentday=new Date();
		var week=new Array(7);
		week[0]="Sunday";
		week[1]="Monday";
		week[2]="Tuesday";
		week[3]="Wednesday";
		week[4]="Thursday";
		week[5]="Friday";
		week[6]="Saturday";
		document.write("Today is " +week[currentday.getDay()]);
	</script>
</body>
</html>

এবার আপনি index.html ফাইলটি ব্রাউজারে প্রদর্শন করালে আজ কি বার তা জানতে পারবেন । যেহেতু, আজ বুধবার (টিউটোরিয়াল লেখার সময়) তাই আমি index.html ফাইলটি প্রদর্শন করার ফলে Today is Wednesday লেখাটি প্রদর্শিত হয়েছে । getDay() মেথড ভালোভাবে বুঝতে হলে আপনাকে জাভাস্ক্রিপ্ট অ্যারে সম্পর্কে ভালোভাবে জানতে হবে । জাভাস্ক্রিপ্ট অ্যারে সম্পর্কে আমি পূর্ববর্তী টিউটোরিয়াল এ আলোচনা করেছি । তাই, জাভাস্ক্রিপ্ট অ্যারে টিউটোরিয়ালটি মনোযোগ সহকারে পড়ে আজকের টিউটোরিয়ালটি পড়বেন । তাহলে getDay() মেথড সহজেই বুঝতে পারবেন ।

getMonth()

এই মেথড ব্যবহার করে এখন কোন মাস তা জানতে পারবেন । যেমন এখন এপ্রিল মাস হলে জানতে এই মেথড এর মাধ্যমে জানতে পারবেন যে, এখন এপ্রিল মাস ।  চলুন ভালভাবে বুঝার জন্য একটি উদাহরণ দেখি । এজন্য ব্রাউজারে নিচের কোডটুকু লিখে index.html নামে সেভ করুন;


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>JavaScript Date Object</title>
</head>
<body>
	<script type="text/javascript">
		var currentdate=new Date();
		var month=new Array(11);
		month[0]="January";
		month[1]="February";
		month[2]="March";
		month[3]="April";
		month[4]="May";
		month[5]="June";
		month[6]="July";
		month[7]="August";
		month[8]="September";
		month[9]="October";
		month[10]="November";
		month[11]="December";
		document.write("Now is " +month[currentdate.getMonth()]);
	</script>
</body>
</html>

এবার আপনি index.html ফাইলটি ব্রাউজারে প্রদর্শন করালে এখন কোন মাস তা জানতে পারবেন । যেহেতু, এখন এপ্রিল মাস (টিউটোরিয়াল লেখার সময়) তাই আমি index.html ফাইলটি প্রদর্শন করার ফলে Now is April লেখাটি প্রদর্শিত হয়েছে । getMonth() মেথড ভালোভাবে বুঝতে হলে আপনাকে জাভাস্ক্রিপ্ট অ্যারে সম্পর্কে ভালোভাবে জানতে হবে । জাভাস্ক্রিপ্ট অ্যারে সম্পর্কে আমি পূর্ববর্তী টিউটোরিয়াল এ আলোচনা করেছি । তাই, জাভাস্ক্রিপ্ট অ্যারে টিউটোরিয়ালটি মনোযোগ সহকারে পড়ে আজকের টিউটোরিয়ালটি পড়বেন । তবুও কোন প্রশ্ন থাকলে কমেন্ট এর মাধ্যমে করতে পারেন ।

বুলিয়ান অবজেক্ট (JavaScript Boolean Object)

জাভাস্ক্রিপ্ট বুলিয়ান অবজেক্ট দুইটি ভ্যালু উপস্থাপন করে । এ দুইটি ভ্যালু হাচ্ছে ট্রু এবং ফলস । একটি non-boolean ভ্যালুকে boolean ভ্যালুতে রূপান্তর করতে জাভাস্ক্রিপ্ট বুলিয়ান অবজেক্ট ব্যবহার করা হয় ।

জাভাস্ক্রিপ্ট বুলিয়ান অবজেক্ট এর সিনট্যাক্স হচ্ছে;


var variablename=new Boolean(value);

বিষয়টি আরও ভালোভাবে বুঝার জন্য নিচের কোডটুকু একটি টেক্সট এডিটর এ লিখে index.html নামে সেভ করুন;


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>JavaScript Boolean Object</title>
</head>
<body>
	<script type="text/javascript">
		 var bool1 = new Boolean(0);
		var bool2 = new Boolean(1);
		 document.write("0 is boolean "+bool1+"<br />");
		 document.write("2 is boolean "+bool2);
	</script>
</body>
</html>

এবার আপনি index.html ফাইলটি ব্রাউজারে প্রদর্শন করালে বুলিয়ান ট্রু নাকি ফলস তা জানতে পারবেন ।

আশা করি সমস্ত বিষয়টি বুঝতে পেরেছেন । টিউটোরিয়ালটি ভাল লাগলে কমেন্ট করতে ভুলবেন না । যদি বুঝতে কোন অসুবিধা হয় তাহলে কমেন্ট এর মাধ্যমে জানাবেন । আমি সমাধান দেওয়ার চেষ্টা করবো - ইনশাল্লাহ্‌ ।

জাভাস্ক্রিপ্ট টিউটোরিয়াল এর ১৪তম পর্ব এখানেই শেষ করছি । যদি টিউটোরিয়ালটি ভাল লাগে তাহলে কমেন্ট করতে ভুলবেন না ।

ধন্যবাদ সবাইকে মনোযোগ সহকারে আজকের টিউটোরিয়ালটি পড়ার জন্য । ভাল থাকবেন সবাই । আল্লাহ্‌ হাফেজ ।

Level 0

আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

Html, Css নিয়ে মানুষের আগ্রহ অনেক এবং Jquery নিয়ে ও। কিন্তু প্লেইন javascript নিয়ে তেমন আগ্রহ নেই, কারন এই টাতে মাথা খাটাতে হয়। কিছু কমেন্ট না পেলে tune করার উৎসাহ পাওয়া যায়না, তাই কমেন্ট করছি। আপনি ভাল করছেন। চালিয়ে যান।

    @ওমর: আমি আপনার সাথে একমত । এইচটিএমএল ৫ এবং সিএসএস ৩ আসার পর জাভাস্ক্রিপ্ট এর ব্যবহার কিছুটা কমে গেছে । তবে, জেকুয়ারি শিখতে হলে জাভাস্ক্রিপ্ট জানা দরকার । ধন্যবাদ মন্তব্য করার জন্য ।