JavaScript_part16_জাভাস্ক্রিপ্ট ম্যাথ (Math) অবজেক্ট, Math অবজেক্ট মেথড, Sqrt মেথড, Max () মেথড, Min() মেথড, pow() মেথড ও round() মেথড ব্যবহার ,জাভাস্ক্রিপ্ট RegExp অবজেক্ট ~ ICT & others Information

JavaScript_part16_জাভাস্ক্রিপ্ট ম্যাথ (Math) অবজেক্ট, Math অবজেক্ট মেথড, Sqrt মেথড, Max () মেথড, Min() মেথড, pow() মেথড ও round() মেথড ব্যবহার ,জাভাস্ক্রিপ্ট RegExp অবজেক্ট

March 05, 2020 Sharmin Khan Ishita

জাভাস্ক্রিপ্ট ম্যাথ (Math) অবজেক্ট

ম্যাথ অবজেক্ট একটি top-up, built-in জাভাস্ক্রিপ্ট অবজেক্ট । এটি কোন কনস্ট্রাটর বা মেথড কলিং ছাড়া কাজ করতে পারে। যেমন PI কে কল করতে হয় Math.pt .অর্থাৎ math অবজেক্ট কত গুলো built in কনস্ট্যান্ট এবং ফাংশন দ্বারা গঠিত , এগুলো ব্যবহার করার পূর্বে আমাদের math অবজেক্ট তৈরী করে নিতে হবে।

জাভাস্ক্রিপ্ট গানিতিক কন্সট্যান্ট বা প্রোপার্টিজ সমুহঃ

জাভাস্ক্রিপ্ট সর্বমোট আটটি কন্সট্যান্ট প্রদান করে। এগুলো ম্যাথ অবজেক্ট দ্বারা একসেস করা যায়। এরা হল নিম্নরূপঃ

• E - Euler's constant. The base of Natural Logarithms.
• LN2 - Natural logarithm of 2
• LN10 - Natural logarithm of 10
• LOG2E - Base 2 logarithm of E
• LOG10E - Base 10 logarithm of E
• PI - Ratio of a circle's circumference to its diameter
• SQRT1_2 - Square root of 1/2
• SQRT2 - Square root of 2

এই কন্সট্যান্টগুলোর কোডের উদাহরন নিম্নে দেয়া হলঃ এভাবে এই কোডগুলো আপনি প্রাক্টিস করুন।

var eul = Math.E; // 2.718281828459045
var ln2 = Math.LN2; // 0.6931471805599453
var ln10 = Math.LN10; // 2.302585092994046
var log2e = Math.LOG2E; // 1.4426950408889634
var log10e = Math.LOG10E; // 0.4342944819032518
var pi = Math.PI; // 3.141592653589793
var sq1_2 = Math.SQRT1_2; // 0.7071067811865476
var sq2 = Math.SQRT2; // 1.4142135623730951

Math অবজেক্ট মেথড :

ম্যাথ অবজেক্টের মেথডগুলো নিচে দেয়া হল।

মেথড	বর্ণনা
abs (x)	এটি x এর পরমমান নির্ণয় করে।
acos (x)	এটি রেডিয়ানে x এর ইনর্ভাস কোসাইন ভ্যালু রির্টান করে
asin (x)	এটি রেডিয়ানে x এর ইনর্ভাস সাইন ভ্যালু রির্টান করে
atan (x)	এটি রেডিয়ানে x এর ইনর্ভাস ট্যানপেন্টে ভ্যালু রির্টান করে
atan2 (y,x)	এটি ঘড়ির কাটার বিপরীতে x- অÿ এবং (x,y) বিন্দুর মধ্যকার কোন নির্ণয় করে
ceil (x)	এটি এর সমান বা বড় কিমত্ম বড়দের মধ্যে সবচেয়ে ছোট সংখ্যাটি রির্টান করে
cos (x)	x এর কোসাইন ভ্যালু রির্টান করে
exp (x)	x এর expotential ভ্যালু নির্ণয় করে e^x
floor (x)	x এর সমান বা ছোট , সবচেয়ে ছোটদের মধ্যে বড় সংখ্যাটি রির্টান করে
log (x)	x এর সমাধান ল্যগরিদম রির্টান করে যেখানে বেইজ E
max (a,b)	a ও b এর মধ্যেকার বড় সংখ্যাটি রির্টান করে
min(a,b)	a ও b এর মধ্যেকার ছোট সংখ্যাটি রির্টান করে
pow (x,y)	এর x^yরির্টান করে
random ( )	এটি 0 এবং ১ এর মধ্যে র‌্যানডম ভ্যালু রির্টান করে
round (x)	এটি x এর কাছের ইনটিজার ভ্যালু রির্টান করে
sin (x)	x এর সাইন ভ্যালু রির্টান করে যেখানে x রেডিয়ান
sart (x)	x এর বর্গমুল রির্টান করে
tan (x)	x এর ট্যানভেন্টেভ্যালু রির্টান করে। x এর মান রেডিয়ানে

এবার আমরা কয়েকটি বহুল ব্যবহৃত মেথডের উদাহরন দেখব।

Sqrt মেথড ব্যবহার করে বর্গমূল নির্নয়

নিচের প্রোগ্রামটি চলুন প্রাকটিস করা যাক

প্রোগ্রাম : sqrt মেথড উদাহরন

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0085.html নামে সেভ করেছি।

<html>

<head>

<title>JavaScript Math sqrt(x) method example</title>

function math_Function() {

var item = document.getElementById('inputbox').value;

var result = Math.sqrt(item);

document.getElementById('outputbox').value = result;

}

</script>

</head>

<body>

<h5>Example of Math sqrt() method</h5>

Input :<input type="text" id="inputbox" value=""/>

<br>

Output :<input type="text" id="outputbox" value=""/>

<br>

</body> </html>

ফলাফল : এবার আপনার ব্রাউজারে program_0085.html ফাইলটি ওপেন করুন। ইনপুট বক্সে একটি সংখ্যা ইনপুট দিন। Get Result বাটনে প্রেস করুন। বর্গমূলটি আউটটপুট বক্সে দেখতে পাবেন

Max () মেথড ব্যবহার করে সবচেয়ে বড় সংখ্যাটি নির্নয়

প্রোগ্রাম : Max () মেথড ব্যবহার করে সবচেয়ে বড় সংখ্যাটি নির্নয়

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0086.html নামে সেভ করেছি।

<html>

<head>

<title>JavaScript Math max(x) method example</title>

function math_Function() {

var item1 = document.getElementById('inputbox1').value;

var item2 = document.getElementById('inputbox2').value;

var item3 = document.getElementById('inputbox3').value;

var item4 = document.getElementById('inputbox4').value;

var result = Math.max(item1, item2, item3, item4);

document.getElementById('outputbox').value = result;

}

</script>

</head>

<body>

<h5>Example of Math max(x1,x2,x3.....) method</h5>

Input1 :<input type="text" id="inputbox1" value=""/>

<br>

Input2 :<input type="text" id="inputbox2" value=""/>

<br>

Input2 :<input type="text" id="inputbox3" value=""/>

<br>

Input2 :<input type="text" id="inputbox4" value=""/>

<br>

Output :<input type="text" id="outputbox" value=""/>

<br>

</body>

</html>

ফলাফল : এবার আপনার ব্রাউজারে program_0086.html ফাইলটি ওপেন করুন। ইনপুট বক্সে সংখ্যা ইনপুট দিন। Get Result বাটনে প্রেস করম্নন। ইনপুটকৃত সবচেয়ে বড় সংখ্যাটি আউটপুট বক্সে দেখা যাবে।

প্রোগ্রাম : Min() মেথড ব্যবহার করে সবচেয়ে ছোট সংখ্যাটি নির্নয়

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0087.html নামে সেভ করেছি।

<html>

<head>

<title>JavaScript Math min(x) method example</title>

function math_Function() {

var item1 = document.getElementById('inputbox1').value;

var item2 = document.getElementById('inputbox2').value;

var item3 = document.getElementById('inputbox3').value;

var item4 = document.getElementById('inputbox4').value;

var result = Math.min(item1, item2, item3, item4);

document.getElementById('outputbox').value = result;

}

</script>

</head>

<body>

<h5>Example of Math min(x1,x2,x3.....) method</h5>

Input1 :<input type="text" id="inputbox1" value=""/>

<br>

Input2 :<input type="text" id="inputbox2" value=""/>

<br>

Input2 :<input type="text" id="inputbox3" value=""/>

<br>

Input2 :<input type="text" id="inputbox4" value=""/>

<br>

Output :<input type="text" id="outputbox" value=""/>

<br>

</body>

</html>

ফলাফল : এবার আপনার ব্রাউজারে program_0087.html ফাইলটি ওপেন করুন। ইনপুট বক্সে সংখ্যা ইনপুট দিন। Get Result বাটনে প্রেস করম্নন। ইনপুটকৃত সবচেয়ে ছোট সংখ্যাটি আউটপুট বক্সে দেখা যাবে।

প্রোগ্রাম : pow() মেথড ব্যবহার করে বর্গ নির্নয়

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0088.html নামে সেভ করেছি।

<html>

<head>

<title>JavaScript Math pow(x) method example</title>

function math_Function() {

var item1 = document.getElementById('inputbox1').value;

var item2 = document.getElementById('inputbox2').value;

var result = Math.pow(item1, item2);

document.getElementById('outputbox').value = result;

}

</script>

</head>

<body>

<h5>Example of Math pow() method</h5>

Input1 :<input type="text" id="inputbox1" value=""/>

<br>

Input2 :<input type="text" id="inputbox2" value=""/>

<br>

Output :<input type="text" id="outputbox" value=""/>

<br>

</body>

</html>

ফলাফল : এবার আপনার ব্রাউজারে program_0088.html ফাইলটি ওপেন করুন। ইনপুট বক্সে সংখ্যা ইনপুট দিন। Get Result বাটনে প্রেস করম্নন। বর্গটি আউটটপুট বক্সে দেখতে পাবেন

প্রোগ্রাম : round() মেথড ব্যবহার করে পূর্ন সংখ্যা সংখ্যাটি নির্নয়

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0089.html নামে সেভ করেছি।

<html>

<head>

<title>JavaScript Math round(x) method example</title>

function math_Function() {

var item1 = document.getElementById('inputbox1').value;

var result = Math.round(item1);

document.getElementById('outputbox').value = result;

}

</script>

</head>

<body>

<h5>Example of Math round() method</h5>

Input1 :<input type="text" id="inputbox1" value=""/>

<br>

Output :<input type="text" id="outputbox" value=""/>

<br>

ফলাফল : এবার আপনার ব্রাউজারে program_0089.html ফাইলটি ওপেন করুন।

৩। ইনপুট বক্সে সংখ্যা ইনপুট দিন। Get Result বাটনে প্রেস করুন। পূর্ন সংখ্যাটি আউটটপুট বক্সে দেখতে পাবেন।

ত্রিকোনোমিতির ফর্মুলাঃ

রেডিয়ান বের করার নিয়মঃ

radians = degrees * Math.PI/180

ডিগ্রী বের করার নিয়মঃ

degrees = radians * 180/Math.PI

জাভাস্ক্রিপ্ট RegExp অবজেক্ট

RegExp কি?

ব্রাকেট (Brackets)

মেটাক্যারেক্টার:

কোয়ান্টিফায়ার

RegExp অবজেক্ট প্রোপার্টিজ

RegExp অবজেক্ট মেথড

RegExp কি?

একটি রেগুলার এক্সপ্রেশন হল একটি অবজেক্ট মূলত কতগুলো অক্ষরের একটি প্যাটার্ন বর্ণনা করে।

আপনি যখন কোন একটি টেক্সট সার্চ করবেন তখন আপনি যা খুজতে চাচ্ছেন তার একটি প্যাটার্ন ব্যবহার করতে পারেন.একটি প্যাটার্ন একটি ক্যারেক্টার নিয়ে গঠিত হতে পারে, আবার একটি প্যাটার্ন অনেক গুলো অক্ষরের সমন্বয়ে গঠিত হতে পারে। যেমন পার্সং, ফরম্যট চেকিং, সাবস্টিটিউশন ইত্যাদি।

রেগুলার এক্সপ্রেশন খুবই শক্তিশালী pattern-matching এবং "search-and-replace" ফাংশনে ব্যবহৃত হয়। লেখার নিয়মঃ

var patt=new RegExp(pattern,modifiers);
or more simply:
var patt=/pattern/modifiers;

এখানে pattern একটি এক্সপ্রেসনের প্যাটার্ন বা ধরন নির্দেশ করে এবং

Modifiers মুলত সার্চটি গ্লোবাল, কেস ইনসেনসেটিভ কিনা এসব নির্ধারন করে।

মডিফায়ার	বর্ননা	উদাহরন
i	কেস ইনসেন্সিটিভ প্যাটার্ন ম্যাচ করে	প্রোগ্রাম ১০০
g	সকল গ্লোবাল প্যাটার্ন ম্যাচ করে (প্রথমটি বাদে)	প্রোগ্রাম ১০১
m	মাল্টি লাইন ম্যাচ করে
gi	গ্লোবাল প্যাটার্ন এবং কেস ইনসেন্সিটিভ প্যাটার্ন ম্যাচ করে	প্রোগ্রাম ১০১

প্রোগ্রাম ১০০ : কেস ইনসেন্সিটিভ প্যাটার্ন ম্যাচ

১। আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0090.html নামে সেভ করেছি।

<!DOCTYPE html>

<html>

<body>

va str = "Nova Computers";

var patt1 = /Nova/i;

document.write(str.match(patt1));

</script>

</body>

</html>

ফলাফল : এবার আপনার ব্রাউজারে program_0090.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

প্রোগ্রাম : সকল গ্লোবাল প্যাটার্ন ম্যাচ করে

১। আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0091.html নামে সেভ করেছি।

<!DOCTYPE html>

<html>

<body>

var str="Redwan, are You Get Marreid?";

var patt1=/re/g;

document.write(str.match(patt1));

</script>

</body>

</html>

ফলাফল : এবার আপনার ব্রাউজারে program_091.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

একই উদাহরন দিয়ে আমরা gi ব্যবহার করুন এবং নিচের চিত্রের মত ফলাফল দেখুন।

ব্যাখ্যা:Modifire gi ব্যবহারের ফলে এটি সকল re match করা টেক্সটকে সার্চ করেছে।

ব্রাকেট (Brackets)

ব্রাকেট মুলত একটি নির্দিষ্ট রেঞ্জ-এর ভ্যালু খুজতে ব্যবহার করা হয়।

এক্সপ্রেশন	বর্ননা
[abc]	ব্র্যাকেটের মধ্যে কোনো অক্ষর খুঁজে বের করে
[^abc]	ব্র্যাকেটের মধ্যে নেই এমন অক্ষর খুঁজে বের করে
[0-9]	০ থেকে ৯ পর্যমত্ম যেকোন সংখ্যা খুজে বের করে
[A-Z]	বড় হাতের A থেকে Z পর্যমত্ম খুজে বের করে
[a-z]	ছোট হাতের a থেক z পর্যমত্ম খুজে বের করে
[A-z]	বড় হাতের A থেকে Z পর্যমত্ম এবং ছোট হাতের a থেক z পর্যন্ত
(red\|blue\|green)	যেকোন একটি খুঁজে বের করে

প্রোগ্রাম : ব্র্যাকেটের মধ্যে কোনো অক্ষর খুঁজে বের করে

১. আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0092.html নামে সেভ করেছি।

<!DOCTYPE html>

<html>

<body>

var str="I am a Programmer, this is all about me.";

var patt1=/[a-k]/g;

document.write(str.match(patt1));

</script>

</body> </html>

ফলাফল : এবার আপনার ব্রাউজারে program_092.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

মেটাক্যারেক্টার:

যখন আপনি কোন একটি প্যাটার্ন খোঁজ করবেন তা নিম্নোলিখিত মেটাক্যারেক্টার এবং কোয়ান্টিফায়ার দ্বারা ম্যাচ করাতে হয়।

মেটাক্যারেক্টার	বর্ননা
.	Find a single character, except newline or line terminator
\w	Find a word character
\W	Find a non-word character
\d	Find a digit
\D	Find a non-digit character
\s	Find a whitespace character
\S	Find a non-whitespace character
\b	Find a match at the beginning/end of a word
\B	Find a match not at the beginning/end of a word
\0	Find a NUL character
\n	Find a new line character
\f	Find a form feed character
\r	Find a carriage return character
\t	Find a tab character
\v	Find a vertical tab character
\xxx	Find the character specified by an octal number xxx
\xdd	Find the character specified by a hexadecimal number dd

কোয়ান্টিফায়ার

কোয়ান্টিফায়ার	বর্ননা
n+	Matches any string that contains at least one n
n*	Matches any string that contains zero or more occurrences of n
n?	Matches any string that contains zero or one occurrences of n
n{X}	Matches any string that contains a sequence of X n's
n{X,Y}	Matches any string that contains a sequence of X to Y n's
n{X,}	Matches any string that contains a sequence of at least X n's
n$	Matches any string with n at the end of it
^n	Matches any string with n at the beginning of it
?=n	Matches any string that is followed by a specific string n
?!n	Matches any string that is not followed by a specific string n

RegExp অবজেক্ট প্রোপার্টিজ

প্রোপার্টিজ	বর্ননা
global	Specifies if the "g" modifier is set
ignoreCase	Specifies if the "i" modifier is set
lastIndex	The index at which to start the next match
multiline	Specifies if the "m" modifier is set
source	The text of the RegExp pattern

RegExp অবজেক্ট মেথড

মেথড	বর্ননা
compile()	Compiles a regular expression
exec()	Tests for a match in a string. Returns the first match
test()	Tests for a match in a string. Returns true or false

এগুলোর মাঝে অনেকগুলোর উদাহরন-ই আমরা অ্যাডভানস জাভাস্ক্রিপ্টের ভেলিডেশন অংশে আলোচনা করব। কারন এই অবজেক্টটি মূলত ভেলিডেশনে ব্যবহার করা হয়ে থাকে।

Previous Post Next Post

বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft Word

Writer: Bappi Ashraf

Published By: Gyankosh Prokashani

Amount of Pages: 464

First Publish: October-2004

Last Edition: We've February-2015 edition. Future edition may be existed!

Book Price: BDT 350 (30% Discount)

The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book. Book's CD Link below...