জাভাস্ক্রিপ্ট-৭ [গাণিতিক অপারেটর, অ্যাসাইনমেন্ট অপারেটর] - SMH Amiri

সর্বশেষ লিখাসমূহ

জাভাস্ক্রিপ্ট-৭ [গাণিতিক অপারেটর, অ্যাসাইনমেন্ট অপারেটর]

 


জাভাস্ক্রিপ্ট গাণিতিক অপারেটর(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 = yx = y
+=x += yx = x + y
-=x -= yx = x - y
*=x *= yx = x * y
/=x /= yx = x / y
%=x %= yx = 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>


ফলাফল