JavaScript Bangla Part-4: JavaScript Operators In Detail

JavaScript এ Arithmetic Operators কি?

যেইসব symbol বা চিহ্ন গাণিতিক কাজ করার জন্য ব্যবহার করা হয়, JavaScript সেগুলোকে বলা হয় Arithmetic Operators

নিচের সব গুলো Arithmetic Operator ই JavaScript এ support করে
নিচের টেবিল টি বুঝার জন্য আমরা variable var a=10 নিব এবং var b=5 নিব

Operator এর নাম	বিবরণ	উদাহরণ
+	দুইটা Operand এর Addition বা যোগফল দিবে	a+b=15 আসবে
–	দুইটা Operand এর Subtraction বা বিয়োগফল দিবে	a-b=5 আসবে
*	দুইটা Operand এর Multiplication বা গুনফল দিবে	a*b=50 আসবে
/	দুইটা Operand এর Division বা ভাগফল দিবে	a/b=2 আসবে
%	দুইটা Operand এর Modulus বা ভাগ করার পর অবশিষ্টাংশ দিবে	a%b=0 আসবে
**	দুইটা Operand এর মধ্যে দ্বিতীয় operand টি প্রথম Operand এর Power হিসেবে ব্যবহৃত হবে।	2**3=8 আসবে

JavaScript এ Comparison Operators কি?

JavaScript এ যেইসব symbol বা চিহ্ন যা দুইটি variable এর একটির সাথে আরেকটির compare(তুলনা) করার জন্য ব্যবহৃত হয়, JavaScript এর পরিভাষায় এ গুলোকে বলা হয় Comparison Operators

নিচের সব গুলো Comparison Operator ই JavaScript এ support করে
নিচের টেবিল টি বুঝার জন্য আমরা variable var a=10 নিব এবং var b=5 নিব

Operator এর নাম	বিবরণ	উদাহরণ
==	দুইটা Operand এর value বা মান একই কিনা তা যাচাই করে , সমান (equal) হলে ফলাফল true দিবে আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা।	a==bএখানে ফলাফল false আসবে।
!=	দুইটা Operand এর value বা মান একই কিনা তা যাচাই করে , সমান (equal) না হলে ফলাফল true দিবে আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা।	a!=b এখানে ফলাফল true আসবে।
===	দুইটা Operand এর value বা মান এবং তাদের data type একই কিনা তা যাচাই করে , দুইটাই সমান (equal) হলে ফলাফল true দিবে আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা।	a===b এখানে ফলাফল false আসবে।
!==	দুইটা Operand এর value বা মান এবং তাদের data type একই কিনা তা যাচাই করে , দুইটাই বা যেকোনো একটা সমান (equal) না হলে ফলাফল true দিবে আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা।	a!==”10″ এখানে ফলাফল true আসবে।
<	দুইটি Operand এর value এর মধ্যে প্রথমটি ছোট হলে output বা ফলাফল true আসবে। আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা	a
>	দুইটি Operand এর value এর মধ্যে প্রথমটি বড় হলে output বা ফলাফল true আসবে। আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা	a>b এখানে ফলাফল true আসবে।
<=	দুইটি Operand এর value এর মধ্যে প্রথমটি ছোট অথবা সমান হলে output বা ফলাফল true আসবে। আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা	a<=b এখানে ফলাফল false আসবে।
>=	দুইটি Operand এর value এর মধ্যে প্রথমটি বড় অথবা সমান হলে output বা ফলাফল true আসবে। আর সব ক্ষেত্রে ফলাফল false বা কোনো ফলাফল দিবেনা	a>=b এখানে ফলাফল true আসবে।

JavaScript এ Assignment Operator কি?

JavaScript এ Variable অথবা Constant এর মধ্যে কোনো value স্থায়ী অথবা অস্থায়ী সময়ের জন্য সংরক্ষণ করতে যেইসব চিহ্ন ব্যবহৃত হয়, JavaScript এ একে বলা হয় Assignment Operator

নিচের সব গুলো Assignment Operator ই JavaScript এ support করে
নিচের টেবিল টি বুঝার জন্য আমরা variable var a=10 নিব এবং var b=5 নিব

Operator এর নাম	বিবরণ	উদাহরণ
=	ডান পাশের যেকোনো Operand কে বাম পাশের Variable অথবা Constant এ assign বা সংরক্ষণ করার জন্য ব্যবহৃত হয়।	c=a+b; অর্থাৎ : a এবং b এর যোগফল c তে সংরক্ষণ করবে।
+=	এটা a=a+b এর সংক্ষিপ্ত রূপ।	a+=b; অর্থাৎ : a এবং b এর যোগফল আবার বাম পাশের a তে সংরক্ষণ করবে।
-=	এটা a=a-b এর সংক্ষিপ্ত রূপ।	a-=b; অর্থাৎ : a এবং b এর বিয়োগফল আবার বাম পাশের a তে সংরক্ষণ করবে।
*=	এটা a=a*b এর সংক্ষিপ্ত রূপ।	a*=b; অর্থাৎ : a এবং b এর গুনফল আবার বাম পাশের a তে সংরক্ষণ করবে।
/=	এটা a=a/b এর সংক্ষিপ্ত রূপ।	a/=b; অর্থাৎ : a এবং b এর ভাগফল আবার বাম পাশের a তে সংরক্ষণ করবে।
%=	এটা a=a%b এর সংক্ষিপ্ত রূপ।	a%=b; অর্থাৎ : a এবং b এর ভাগশেষ বের করে আবার বাম পাশের a তে সংরক্ষণ করবে।
**=	এটা a=a**b এর সংক্ষিপ্ত রূপ।	a**=b; অর্থাৎ : a এর উপর b এর value এর সমান power বের হয়ে যেই আউটপুট পাব, তা আবার variable a তে সংরক্ষণ হবে।
<<=	এটা a=a<<b এর সংক্ষিপ্ত রূপ।	a<<=b; অর্থাৎ : a থেকে b এর value এর সমান left shift হয়ে যেই আউটপুট পাব, তা আবার variable a তে সংরক্ষণ হবে।
>>=	এটা a=>>b এর সংক্ষিপ্ত রূপ।	a<<=b; অর্থাৎ : a থেকে b এর value এর সমান right shift হয়ে যেই আউটপুট পাব, তা আবার variable a তে সংরক্ষণ হবে।

JavaScript এ String Operators কি?

JavaScript এ যেইসব symbol বা চিহ্ন যা দুই বা ততোধিক string variable অথবা String এর সাথে Number বা শুধু string কে একটি আরেকটির সাথে জোড়া লাগানোর জন্য “+” symbol টি ব্যবহৃত হয়, JavaScript এর পরিভাষায় এটাকে বলা হয় String Operators

উদাহরণ :

<!DOCTYPE html>
<html>
<body>
<script>
a="Hello";
a+=" World ";
a+=44;
document.write(a+ "<br>"+"Hello Bangladesh");
</script>
</body>
</html>

Output

JavaScript এ Increment/Decrement Operator কি?

JavaScript এ যেকোনো variable এর মান এক এক করে বৃদ্ধির জন্য (++) symbol বা চিহ্নটি ব্যবহৃত হয়, এবং একইভাবে যেকোনো variable এর মান এক এক করে কমানোর জন্য (- -) symbol বা চিহ্নটি ব্যবহৃত হয়, JavaScript এর পরিভাষায় এ দুটি symbol বা চিহ্ন কে যথাক্রমে Increment এবং Decrement Operator বলা হয় ।

 

JavaScript এ Increment/Decrement Operator এর প্রকারভেদ

নিচের টেবিল টি বুঝার জন্য আমরা variable var a=2 নিব

উদাহরণ	নাম	ফলাফল
++a	Pre-increment	প্রথমে a variable এর মান 1 বৃদ্ধি পাবে। তারপর a এর মান return করবে।
a++	Post-increment	প্রথমে a variable এর মান return করবে। তারপর a variable এর মান 1 বৃদ্ধি পাবে
– -a	Pre-Decrement	প্রথমে a variable এর মান 1 কমবে । তারপর a variable এর মান return করবে।
a- –	Post-decrement	প্রথমে a variable এর মান return করবে। তারপর a variable এর মান 1 কমবে।

নিচের উদাহরণ থেকে Pre-increment বুঝে নেয়া যাক।

<script>
a=1;
document.write(++a); //Output: 2;
document.write(a);  //2;
</script>

ব্যাখ্যা: এখানে আমাদের a variable এর মান ছিল 1. যখন আমরা a Variable এর সামনে (++) সংযুক্ত করি। তখন a variable এর মান প্রথমে 1 বৃদ্ধি হয়ে 2 হয়েছে , তারপর 2 ই প্রিন্ট করেছে।
নিচের উদাহরণ থেকে Post-increment বুঝে নেয়া যাক।

<script>
var b=1;
document.write(b++); //Output: 1;
document.write(b); //Output: 2;
</script>

ব্যাখ্যা: এখানে আমাদের $b variable এর মান ছিল 1. যখন আমরা $a Variable এর শেষে (++) সংযুক্ত করি। তখন $a variable এর মান প্রথমে 1 ই Print করবে। আর যেটা বৃদ্ধি হয়েছে সেটা আমরা পরের লাইনে Print করলে পাবো ।
নিচের উদাহরণ থেকে Pre-Decrement বুঝে নেয়া যাক।

<script>
a=2;
document.write( --a); //Output: 1;
document.write(a); //1;
</script>

ব্যাখ্যা: এখানে আমাদের a variable এর মান ছিল 2. যখন আমরা a Variable এর সামনে (- -) সংযুক্ত করি। তখন a variable এর মান প্রথমে কমে 1 হয়েছে , তারপর 1 ই প্রিন্ট করেছে।
নিচের উদাহরণ থেকে Post-decrement বুঝে নেয়া যাক।

<script>
b=2;
document.write(b--); //Output: 2;
document.write(b); //Output: 1;
</script>

ব্যাখ্যা: এখানে আমাদের b variable এর মান ছিল 2. যখন আমরা b Variable এর শেষে (- -) সংযুক্ত করি। তখন b variable এর মান প্রথমে 2 ই Print করবে। আর যেটা কমেছে সেটা আমরা পরের লাইনে Print করলে পাবো ।

JavaScript এ Logical Operators কি এবং Logical Operator গুলো কিভাবে কাজ করে?

JavaScript এ সেইসব Operator যা দুই বা তার ও অধিক condition বা শর্তের উপর ভিত্তি করে decision বা সিদ্ধান্ত গ্রহণ করে।

নিচের সব গুলো Logical Operator ই JavaScript এ support করে

Operator	Operator এর নাম	উদাহরণ	ফলাফল (Result)
&&	And	x && y	ফলাফল true আসবে যদি x এবং y দুইটাই true হয়।
||	Or	x || y	ফলাফল true আসবে যদি x এবং y এর মধ্যে যেকোনো একটি true হয়।
!	Not	!x	ফলাফল true আসবে যদি x true না হয়।

JavaScript এ Ternary Operator কি ?

অক্সফোর্ড ইংরেজি অভিধান অনুযায়ী Ternary শব্দের অর্থ হচ্ছে “তিনটি অংশে গঠিত”। নামের মতোই JavaScript এ Ternary Operator টি হচ্ছে একটি Conditional Operator যা তিনটি অংশে গঠিত , আর তা হচ্ছে: Condition ? Expression 1 : Expression 2. যদি condition true হয় , তাহলে Expression 1 রিটার্ন করবে অন্যথায় Expression 2 রিটার্ন করবে। Ternary Operator টি অনেকটা if….else স্টেটমেন্ট এর মতোই। চলুন নিচের উদাহরণে দেখা যাক :

<!DOCTYPE html>
<html>
<body>
<script>
var age=15;
  document.write((age < 18) ? "Too young":"Old enough");  //Output "Too young
var age=19;
document.write("<br>");
document.write((age < 18) ? "Too young":"Old enough"); //Output Old enough
</script>
</body>
</html>

JavaScript এ Type Operators কি?

JavaScript এ Type Operatorদুটি , প্রথমটি হচ্ছে instanceof অপারেটর অর্থাৎ একটা নির্দিষ্ট Variable কোনো class এর Instance কিনা তা চেক করার জন্য এটি ব্যবহৃত হয়। আবার আরেকটা হচ্ছে typeof Operator অর্থাৎ একটা variable বা value এর type কি তা চেক করার জন্য এটি ব্যবহৃত হয়।

instanceof Operator এর উদাহরণ:

<!DOCTYPE html>
<html>
<body>
<script>
var cars = ["Saab", "Volvo", "BMW"];

document.write(cars instanceof Array);          // Returns true
document.write(cars instanceof Object);         // Returns true
document.write(cars instanceof String);         // Returns false
document.write(cars instanceof Number);         // Returns false
</script>

</body>
</html>

typeof Operator এর উদাহরণ:

<!DOCTYPE html>
<html>
<body>

<script>
document.write(typeof "John");                 // Returns string 
document.write(typeof 3.14);                   // Returns number
document.write(typeof NaN);                    // Returns number
document.write(typeof false);                  // Returns boolean
document.write(typeof [1, 2, 3, 4]);           // Returns object
document.write(typeof {name:'John', age:34});  // Returns object
document.write(typeof new Date());             // Returns object
document.write(typeof function () {});         // Returns function
document.write(typeof myCar);                  // Returns undefined (if myCar is not declared)
document.write(typeof null);        
</script>

</body>
</html>

JavaScript এ delete Operator কি?

JavaScript এ কোনো একটা Object এর নির্দিষ্ট property delete করার জন্য delete operator ব্যবহৃত হয়।

delete Operator এর উদাহরণ:

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var person = {
  firstname:"Masud",
  lastname:"Alam",
  age:50,
  eyecolor:"black"
};
delete person.age;
document.getElementById("demo").innerHTML =
person.firstname + " is " + person.age + " years old.";
//Output: Masud is undefined years old.
</script>
</body>
</html>

JavaScript এ in Operator কি?

JavaScript এ Object অথবা array এর নির্দিষ্ট property খুঁজে বের করার জন্য JavaScript এ in Operator ব্যবহৃত হয়।

in Operator এর উদাহরণ:

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
// Arrays
var cars = ["Saab", "Volvo", "BMW"];
// Objects
var person = {firstName:"John", lastName:"Doe", age:50};

document.getElementById("demo").innerHTML =
  ("Saab" in cars) + "<br>" + 
  (0 in cars) + "<br>" +
  (1 in cars) + "<br>" +
  (4 in cars) + "<br>" +
  ("length" in cars) + "<br>" +

  ("firstName" in person) + "<br>" +
  ("age" in person) + "<br>" +

  // Predefined objects
  ("PI" in Math) + "<br>" +
  ("NaN" in Number) + "<br>" +
  ("length" in String);
</script>

</body>
</html>

Output