জাভাস্ক্রিপ্ট অপারেটর রেফারেন্স
জাভাস্ক্রিপ্ট অপারেটর ভ্যালু অ্যাসাইন, ভ্যালুর তুলনা করা, গাণিতিক হিসাব-নিকাশ এবং আরো অনেক ক্ষেত্রে ব্যবহার করা হয়।
জাভাস্ক্রিপ্ট অ্যারিথমেটিক অপারেটর
অ্যারিথমেটিক অপারেটর ভ্যারিয়েবল এবং ভ্যালুর মধ্যে গাণিতিক কাজ করার জন্য ব্যবহার হয়।
নিচের টেবিলে অ্যারিথমেটিক অপারেটর ব্যাখ্যা করা হয়েছেঃ
| অপারেটর | বর্ণনা | উদাহরণ | y এর মধ্যে ফলাফল | x এর মধ্যে ফলাফল | উদাহরণ |
|---|---|---|---|---|---|
| + | যোগ | b = a + 2 | a = 4 | b = 6 | ক্লিক করুন |
| - | বিয়োগ | x = y - 2 | y = 5 | x = 3 | ক্লিক করুন |
| * | গুন | x = y * 2 | y = 5 | x = 10 | ক্লিক করুন |
| / | ভাগ | x = y / 2 | y = 5 | x = 2.5 | ক্লিক করুন |
| % | মডুলাস (ভাগশেষ) | x = y % 2 | y = 5 | x = 1 | ক্লিক করুন |
| ++ | এক করে বৃদ্ধি (Increment) | x = ++y | y = 6 | x = 6 | ক্লিক করুন |
| x = y++ | y = 6 | x = 5 | ক্লিক করুন | ||
| -- | এক করে হ্রাস(Decrement) | x = --y | y = 4 | x = 4 | ক্লিক করুন |
| x = y-- | y = 4 | x = 5 | ক্লিক করুন |
জাভাস্ক্রিপ্ট অ্যাসাইনমেন্ট অপারেটর
অ্যাসাইনমেন্ট অপারেটর জাভাস্ক্রিপ্ট ভ্যারিয়েবলে ভ্যালু অ্যাসাইন করার জন্য ব্যবহার করা হয়।
নিচের টেবিলে অ্যাসাইনমেন্ট অপারেটর সম্পর্কে ব্যাখ্যা করা হয়েছেঃ
| অপারেটর | উদাহরণ | একই রকম | x এর মধ্যে ফলাফল | উদাহরণ |
|---|---|---|---|---|
| = | a = 4 | a = 4 | ক্লিক করুন | |
| += | a += 4 | a = a + 4 | a = 8 | ক্লিক করুন |
| -= | a -= 4 | a = a - 4 | a = 0 | ক্লিক করুন |
| *= | a *= 4 | a = a * 4 | a = 16 | ক্লিক করুন |
| /= | a /= 4 | a = a / 4 | a = 1 | ক্লিক করুন |
| %= | a %= 4 | a = a % 4 | a = 0 | ক্লিক করুন |
অ্যাসাইনমেন্ট অপারেটর সম্পর্কে আরো জানতে জাভাস্ক্রিপ্ট অ্যাসাইনমেন্ট টিউটোরিয়াল পড়ুন।
জাভাস্ক্রিপ্ট স্ট্রিং অপারেটর
+ অপারেটর এবং += অপারেটর স্ট্রিং যোগ করার জন্যেও ব্যবহার হয়।
এখানে txt1 = "Azizur", txt2 = "Rahman" এবং txt3 = "" দেয়া হয়েছে, নিচের টেবিলে এই অপারেটর ব্যাখ্যা করা হয়েছেঃ
| অপারেটর | উদাহরণ | txt1 | txt2 | txt3 | উদাহরণ |
|---|---|---|---|---|---|
| + | txt3 = txt1 + txt2 | "Azizur" | "Rahman" | "Azizur Rahman" | ক্লিক করুন |
| += | txt1 += txt2 | "Azizur Rahman" | "Azizur" | "" | ক্লিক করুন |
কম্প্যারিজন অপারেটর
লজিক্যাল স্টেটমেন্টে ব্যবহৃত কম্প্যারিজন অপারেটর ভরিয়েবল বা ভ্যালুর মধ্যে সমতা অথবা পার্থক্য নির্ধারন করে।
নিচের টেবিলে কম্প্যারিজন অপারেটর সম্পর্কে ব্যাখ্যা করা হয়েছে (এখানে a = 4 দেয়া হয়েছে):
| অপারেটর | বর্ণনা | তুলনা | ফলাফল | উদাহরণ |
|---|---|---|---|---|
| == | সমান | a == 5 | false | ক্লিক করুন |
| a == 4 | true | ক্লিক করুন | ||
| === | সমান ভ্যালু এবং একই টাইপ | a === "4" | false | ক্লিক করুন |
| a === 4 | true | ক্লিক করুন | ||
| != | সমান নয় | a != 5 | true | ক্লিক করুন |
| !== | সমান ভ্যালু নয় বা একই টাইপ নয় | a !== "5" | true | ক্লিক করুন |
| a !== 4 | false | ক্লিক করুন | ||
| > | বড় | a > 5 | false | ক্লিক করুন |
| < | ছোট | a < 5 | true | ক্লিক করুন |
| >= | বড় অথবা সমান | a >= 5 | false | ক্লিক করুন |
| <= | ছোট অথবা সমান | a <= 4 | true | ক্লিক করুন |
কম্প্যারিজন অপারেটর সম্পর্কে আরো জানতে আমাদের জাভাস্ক্রিপ্ট তুলনামূলক টিউটোরিয়াল পড়ুন।
কন্ডিশনাল অপারেটর
কন্ডিশনাল অপারেটর কন্ডিশনের উপর ভিত্তি করে ভ্যারিয়েবলের মধ্যে ভ্যালু অ্যাসাইন করে।
| গঠন | উদাহরণ | উদাহরণ |
|---|---|---|
| varname = (condition) ? value1:value2 | greeting = (time < 18) ? "Good day!":"Good night!"; | ক্লিক করুন |
উদাহরনের ব্যাখ্যাঃ যদি ভ্যারিয়েবল "time" এর ভ্যালু ১৮ এর নিচে হয় তাহলে ভ্যারিয়েবল "greeting" "Good Day!" এ পরিনত হবে, আর যদি তা ১৮ এর উপরে হয় তাহলে ভ্যালু হবে "Good night!"।
লজিক্যাল অপারেটর
লজিক্যাল অপারেটর ভ্যারিয়েবল অথবা ভ্যালুর মধ্যে লজিক নির্ধারন করে।
নিচের টেবিলে লজিক্যাল অপারেটর ব্যাখ্যা করা হয়েছে (এখানে x = 6 and y = 3 দেয়া হয়েছে):
| অপারেটর | বর্ণনা | উদাহরণ | উদাহরণ |
|---|---|---|---|
| && | and | (a < 6 && b > 4) true | ক্লিক করুন |
| || | or | (a === 4 || b === 6) true | ক্লিক করুন |
| ! | not | !(a === b) true | ক্লিক করুন |
জাভাস্ক্রিপ্ট বিটওয়াইজ অপারেটর
বিট অপারেটর ৩২ বিট নম্বরে কাজ করে। অপারেশনের মধ্যে যেকোনো নিউমেরিক অপারেন্ড ৩২ বিট নম্বরে পরিনত হয়। এই ফলাফল আবার জাভাস্ক্রিপ্ট নম্বরে ব্যাক করে।
| অপারেটর | বর্ণনা | উদাহরণ | একই রকম | ফলাফল | ডেসিম্যাল |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
উপরের উদাহরণে ৪ বিট আনসাইন উদাহরণ ব্যবহার করা হয়েছে। কিন্তু জাভাস্ক্রিপ্ট ৩২ বিট সাইন নম্বর ব্যবহার করে।
এই কারনে, জাভাস্ক্রিপ্টে, ~ 5 এর ফলাফল ১০ হবে না।এটি -৬ রিটার্ন করবে।
~00000000000000000000000000000101 রিটার্ন করবে 11111111111111111111111111111010
typeof অপারেটর
typeof অপারেটর ভ্যারিয়েবল, অবজেক্ট, ফাংশন অথবা এক্সপ্রেশনের টাইপ রিটার্ন করেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML =
typeof "Azizur" + "<br>" +
typeof 3.14 + "<br>" +
typeof NaN + "<br>" +
typeof false + "<br>" +
typeof [1, 2, 3] + "<br>" +
typeof {name:"Azizur", age: 32} + "<br>" +
typeof new Date() + "<br>" +
typeof function () {} + "<br>" +
typeof myCar + "<br>" +
typeof null;
</script>
</body>
</html>ফলাফল
লক্ষ্য করুনঃ
- NaN এর ডাটাটাইপ হচ্ছে নম্বর।
- array এর ডাটাটাইপ হচ্ছে অবজেক্ট।
- date এর ডাটাটাইপ হচ্ছে অবজেক্ট।
- null এর ডাটাটাইপ হচ্ছে অবজেক্ট।
- undefined ভ্যারিয়েবলের ডাটাটাইপ হচ্ছে undefined।
জাভাস্ক্রিপ্ট অবজেক্ট যদি একটি অ্যারে(অথবা date) হয়, তাহলে আপনি typeof ডিফাইন করতে পারবেন না।
delete অপারেটর
delete অপারেটরটি অবজেক্টের প্রোপার্টি ডিলেট করেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var person = {
firstName:"Azizur",
lastName:"Rahman",
age:32,
eyeColor:"Black"
};
delete person.age;
document.getElementById("test").innerHTML =
person.firstName + " is " + person.age + " years old.";
</script>
</body>
</html>ফলাফল
delete অপারেটর প্রোপার্টি এবং প্রোপার্টির ভ্যালুকে ডিলেট করে।
ডিলেটের পর, এই প্রোপার্টিকে আবার যোগ করা ছাড়া ব্যবহার করা যায় না।
delete অপারেটর অবজেক্টের প্রোপার্টির জন্য ব্যবহৃত হয়। ভ্যারিয়েবল বা ফাংশনে এর কোনো প্রভাব নেই।
বিঃদ্রঃ delete অপারেটর প্রিডিফাইন্ড জাভাস্ক্রিপ্ট অবজেক্ট প্রোপার্টিতে ব্যবহার করা ঠিক নয়। এটি আপনার প্রোগ্রামকে নষ্ট করে দিতে পারে।
in অপারেটর
in অপারেটরটি true রিটার্ন করবে যদি নির্দিষ্ট অবজেক্টের মধ্যে নির্দিষ্ট প্রোপার্টি থাকে, অন্যথায় false হবেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
// Arrays
var fruits = ["Mango", "Apple", "Orange"];
// Objects
var person = {firstName:"Azizur", lastName:"Rahman", age:32};
document.getElementById("test").innerHTML =
("Apple" in fruits) + "<br>" +
(0 in fruits) + "<br>" +
(4 in fruits) + "<br>" +
("length" in fruits) + "<br>" +
("firstName" in person) + "<br>" +
("country" in person) + "<br>" +
// Predefined objects
("PI" in Math) + "<br>" +
("length" in String);
</script>
</body>
</html>ফলাফল
instanceof অপারেটর
instanceof অপারেটরটি true রিটার্ন করবে যদি একটি অবজেক্ট নির্দিষ্ট অবজেক্টের ইনস্ট্যান্স হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var fruits = ["Mango", "Apple", "Orange"];
document.getElementById("test").innerHTML =
(fruits instanceof Array) + "<br>" +
(fruits instanceof Object) + "<br>" +
(fruits instanceof String);
</script>
</body>
</html>ফলাফল
void অপারেটর
void অপারেটরটি একটি এক্সপ্রেশনের সংখ্যা নির্ণয় করে এবং undefined রিটার্ন করে। এই অপারেটরটি "void(0)" ব্যবহার করে আনডিফাইন্ড প্রিমেটিভ ভ্যালু পায়।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><a href="javascript:void(0);">নিষ্ক্রিয় লিংক</a></p>
<p><a href="http://www.sattacademy.com">সক্রিয় লিংক</a></p>
</body>
</html>ফলাফল