জাভাস্ক্রিপ্ট গাণিতিক অপারেটর(Arithmetic Operator)
সংখ্যা(লিটারাল অথবা ভ্যারিয়েবল) যোগ-বিয়োগ করার জন্য জাভাস্ক্রিপ্টে গাণিতিক অপারেটর ব্যবহার করা হয়।
| অপারেটর | বর্ণনা |
|---|---|
| + | যোগ(Addition) |
| - | বিয়োগ(Subtraction) |
| * | গুণ(Multiplication) |
| / | ভাগ(Division) |
| % | মডুলাস(Modulus) |
| ++ | এক করে বৃদ্ধি (Increment) |
| -- | এক করে হ্রাস(Decrement) |
গাণিতিক অপারেটর(Arithmetic Operation)
গাণিতিক অপারেটর সাধারণত দুইটি নাম্বারের হিসাব-নিকাশ করে।
সংখ্যা দুইটি লিটারাল হতে পারেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>
<p id="test"></p>
<script>
var a = 25 + 40 + 13;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
অথবা ভ্যারিয়েবল হতে পারেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>
<p id="test"></p>
<script>
var a = 25;
var b = 40;
var c = 13;
var d = a + b + c;
document.getElementById("test").innerHTML = d;
</script>
</body>
</html>
ফলাফল
অথবা এক্সপ্রেশন(expression) হতে পারেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>
<p id="test"></p>
<script>
var a = 25;
var b = (12 - 2) * a;
document.getElementById("test").innerHTML = b;
</script>
</body>
</html>
ফলাফল
অপারেটর এবং অপারেন্ড(Operator and Operand)
গাণিতিক হিসাব-নিকাশে সংখ্যাকে বলা হয় অপারেন্ড।
অপারেটর(operator) দুইটি অপারেন্ডের কার্য নির্ধারন করে।
| অপারেন্ড | অপারেটর | অপারেন্ড |
|---|---|---|
| 100 | + | 50 |
যোগ(+) অপারেটর সংখ্যার যোগ করেঃ
যোগ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>+ অপারেটর</h4>
<p id="test"></p>
<script>
var a = 25;
var b = 40;
var c = 13;
var d = a + b + c;
document.getElementById("test").innerHTML = d;
</script>
</body>
</html>
ফলাফল
বিয়োগ(-) অপারেটর সংখ্যার বিয়োগ করেঃ
বিয়োগ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>- অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
var b = 13;
var c = a - b;
document.getElementById("test").innerHTML = c;
</script>
</body>
</html>
ফলাফল
গুণ(*) অপারেটর সংখ্যার গুণ করে
গুণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>* অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
var b = 13;
var c = a * b;
document.getElementById("test").innerHTML = c;
</script>
</body>
</html>
ফলাফল
ভাগ(/) অপারেটর সংখ্যার ভাগ করেঃ
ভাগ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>/ অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
var b = 10;
var c = a / b;
document.getElementById("test").innerHTML = c;
</script>
</body>
</html>
ফলাফল
ভাগশেষ(%) অপারেটরের মাধ্যমে ভাগশেষ পাওয়া যায়।
ভাগশেষ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>% অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
var b = 13;
var c = a % b;
document.getElementById("test").innerHTML = c;
</script>
</body>
</html>
ফলাফল
বৃদ্ধি(++) অপারেটর সংখ্যাকে এক করে বৃদ্ধি করেঃ
বৃদ্ধি
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>++ অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
a++;
var b = a;
document.getElementById("test").innerHTML = b;
</script>
</body>
</html>
ফলাফল
হ্রাস(--) অপারেটর সংখ্যার এক করে হ্রাস করেঃ
হ্রাস
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>-- অপারেটর</h4>
<p id="test"></p>
<script>
var a = 40;
a--;
var b = a;
document.getElementById("test").innerHTML = b;
</script>
</body>
</html>
ফলাফল
অপারেটর অগ্রাধিকার
গাণিতিক এক্সপ্রেশনে বিভিন্ন অপারেটর(+, -, *, / % ) তাদের ক্রমানুসারে সংখ্যাকে অপারেট করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যোগ করার আগে গুন করার উপর জোর দেওয়া হয়।</h4>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = 20 + 5 * 5;
</script>
</body>
</html>
ফলাফল
উপরের উদাহরণের ফলাফল কি 25 * 5 এর মত হবে নাকি 20 + 25 এর মত হবে?
যোগ এবং গুণের মধ্যে কোনটি আগে সংঘটিত হবে?
আমরা স্কুল যেমন গণিতে গুণের কাজ আগে করতাম, এখানেও তেমনি গুণের কাজ আগে হয়েছে।
যোগ(+) এবং বিয়োগ(-) এর তুলনায় গুণ(*) এবং ভাগের(/) অগ্রাধিকার বেশি।
স্কুলের মত এখানেও বন্ধনী(parentheses) ব্যবহার করে অপারেটরের অগ্রাধিকার পরিবর্তন করা যায়।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যোগ করার আগে গুন করার উপর জোর দেওয়া হয়।</h4>
<h5>কিন্তু গুন করার আগে প্রথম বন্ধনীর কাজ করা হয়।</h5>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = (14 + 16) * 3;
</script>
</body>
</html>
ফলাফল
বন্ধনী ব্যবহার করলে সবার আগে বন্ধনীর কাজ হয়
যখন অনেক অপারেশনের একই অগ্রাধিকার থাকে(যেমন - যোগ এবং বিয়োগ) তখন বাম দিক থেকে অপারেশন শুরু হয়ে ডান দিকে শেষ হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যখন অনেকগুলো সাধারন কাজ থাকে তখন তা বাম থেকে ডানের দিকে হিসেব করা হয়।</h4>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = 20 + 5 - 5;
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট অপারেটর অগ্রাধিকারের মান
| মান | অপারেটর | বর্ণনা | উদাহরণ |
|---|---|---|---|
| ১৯ | ( ) | এক্সপ্রেশন শ্রেণীবদ্ধকরণ | (5 + 6) |
| ১৮ | . | মেম্বার | person.name |
| ১৮ | [] | মেম্বার | person["name"] |
| ১৭ | () | ফাংশন কল | myFunction() |
| ১৭ | new | তৈরি করে | new Date() |
| ১৬ | ++ | পরে বৃ্দ্ধি করে | i++ |
| 16 | -- | পরে হ্রাস করে | i-- |
| 15 | ++ | আগে বৃ্দ্ধি করে | ++i |
| 15 | -- | আগে হ্রাস করে | --i |
| 15 | ! | লজিক্যাল না বুঝায় | !(x==y) |
| ১৫ | typeof | টাইপ | typeof x |
| ১৪ | * | গুণ | ১০ * ৫ |
| ১৪ | / | ভাগ | ১০ / ৫ |
| 14 | % | ভাগশেষ | ১০ % ৫ |
| 14 | ** | বর্গ করে | 10 ** 2 |
| ১৩ | + | যোগ | ১০ + ৫ |
| ১৩ | - | বিয়োগ | ১০ - ৫ |
| ১২ | << | বাম দিকে নেয়(Shift left) | x << 2 |
| ১২ | >> | ডান দিকে নেয়(Shift right) | x >> 2 |
| ১১ | < | ছোট | x < y |
| ১১ | <= | ছোট অথবা সমান | x <= y |
| 11 | > | বড় | x > y |
| 11 | >= | বড় অথবা সমান | x >= y |
| ১০ | == | সমান | x == y |
| ১০ | === | একই মান এবং টাইপ | x === y |
| ১০ | != | সমান না | x != y |
| ১০ | !== | একই মান এবং টাইপ নয় | x !== y |
| ৬ | && | এবং | x && y |
| ৫ | || | অথবা | x || y |
| ৩ | = | ভ্যালু জমা রাখা | x = y |
| ৩ | += | ভ্যালু জমা রাখা | x += y |
| ৩ | -= | ভ্যালু জমা রাখা | x -= y |
| ৩ | *= | ভ্যালু জমা রাখা | x *= y |
| ৩ | /= | ভ্যালু জমা রাখা | x /= y |
| ** | লাল চিহ্নিত ঘরের অপারেটরটি পরীক্ষামূলক বুঝাতে ব্যবহার করা হয়েছে। |
|---|
জাভাস্ক্রিপ্ট এসাইনমেন্ট অপারেটর
এসাইনমেন্ট অপারেটর জাভাস্ক্রিপ্ট ভ্যারিয়েবলে ভ্যালু জমা রাখে।
| অপারেটর | উদাহরণ | উদাহরণ কলামের মত |
|---|---|---|
| = | x = y | x = y |
| += | x += y | x = x + y |
| -= | x -= y | x = x - y |
| *= | x *= y | x = x * y |
| /= | x /= y | x = x / y |
| %= | x %= y | x = x % y |
"=" এসাইনমেন্ট অপারেটরটি ভ্যারিয়েবলের মধ্যে মান জমা রাখে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
"+=" এসাইনমেন্ট অপারেটরটি ভ্যারিয়েবলে নতুন মান যোগ করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>+= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a += 8;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
"-=" এসাইনমেন্ট অপারেটরটি ভ্যারিয়েবল থেকে ভ্যালু বিয়োগ করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>-= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a -= 2;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
"*=" এসাইনমেন্ট অপারেটরটি ভ্যারিয়েবলকে গুণ করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>*= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a *= 2;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
"/=" এসাইনমেন্ট অপারেটরটি ভ্যারিয়েবলকে ভাগ করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>/= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a /= 2;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
"%=" এসাইনমেন্ট অপারেটরটি ভাগশেষ জমা রাখে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3>%= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a %= 10;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
![এক্সএমএল - XML : ৮ [XML Elements]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisymurbCebTBxApDvlyc-eLtsgysafLxdPpmO87iLj1jba_Lqf8hmCQKIE8gZKDJGF7kxbtp5zZdkwwudi4-xcNbcbgRiSrKcfEngGTMdySQn8O36QawRkYewevV3PnWhBCmpYr6ROs-uifpKee8WlfIPcLZ-IDlA1sucBcl7Lfp9wFjp7mAYU4wGlSier/s72-c/image.png)
![এক্সএমএল - XML : ৭ [XML Tree, XML Syntax]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqbhhcIBSKP0FsgizxpqgcpflVV6MdhugNnZ45N_u6ecEDHH1z_2Y3KtNUdVPAOqazWQtn7engNJHKWm0SgXEQSNe5ljqxJ_16IQHbFJ3Gng8PaqEqCVOpnuIIpS0k2JdvzseaVviFve1BiDS_wnthJ-s_Q-PBc_WynPjh1BBZ70bEMATalaahrxsUE49/s72-c/image.png)
![জাভাস্ক্রিপ্ট-৬ [কমেন্ট, অপারেটর]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyb8n_zvJUyWrdYaZlstACeLt5P2QU4AFzxuIhSFoEStv2aKMKiPKY3YhV4sbNlINE6CDRduDEOhcz6aIvrSfbIQUJoaYRFlN74DWmJdp8AHGGBrebktvrCLsw1AEExtqjOT7Ef6ayrOPt2Xu0K5pgUr4CqOt04lImf4bl7kvu5e4UE3NVz0hTLzb0tX7i/s72-w370-c-h277/image.png)