1. How to learn javascript basic tutorials (js)
  2. javascript syntax (জাভাস্ক্রিপ্ট syntax) how to learn javascript tutorials
  3. জাভাস্ক্রিপ্ট সক্রিয়করন( Javascript tutorials)
  4. javascript Location (Javascript tutorials)
  5. জাভাস্ক্রিপ্ট External (Javascript tutorials)
  6. জাভাস্ক্রিপ্ট ভেরিয়েবল (Javascript tutorials)
  7. Data Type (javascript tutorials)
  8. জাভাস্ক্রিপ্ট অপারেটর (Javascript operator in javascript tutorials)
  9. জাভাস্ক্রিপ্ট ফাংশন (Javascript function tutorials)
  10. How to learn জাভাস্ক্রিপ্ট ইভেন্ট (Javascript event) | SP Foundationbd
  11. জাভাস্ক্রিপ্ট স্টেটমেন্ট (Javascript statement tutorials ) | SP Foundationbd
  12. Javascript If স্টেটমেন্ট tutorials | SP Foundationbd
  13. Javascript Else If statement tutorials | SP Foundationbd
  14. Javascript While লুপ Tutorials | SP Foundationbd
  15. Javascript For loop tutorials | SP Foundationbd
  16. Js মন্তব্য বা Comments | SP Foundationbd
  17. জাভাস্ক্রিপ্ট অ্যারে tutorials | SP Foundationbd
  18. জাভাস্ক্রিপ্ট এলার্ট tutorial | SP Foundationbd
  19. জাভাস্ক্রিপ্ট Confirm tutorials | SP Foundationbd
  20. জাভাস্ক্রিপ্ট Prompt tutorials | SP Foundationbd
  21. জাভাস্ক্রিপ্ট Print tutorials | SP Foundationbd
  22. জাভাস্ক্রিপ্ট রিডাইরেক্ট Tutorials | SP Foundationbd
  23. জাভাস্ক্রিপ্ট Popup tutorials | SP Foundationbd
  24. জাভাস্ক্রিপ্ট ডেট tutorials | SP Foundationbd
  25. জাভাস্ক্রিপ্ট ফর্ম Tutorials | SP Foundationbd
  26. জাভাস্ক্রিপ্ট স্ট্রিং Tutorials | SP Foundationbd
  27. জাভাস্ক্রিপ্ট স্ট্রিং দৈর্ঘ্য | SP Foundationbd
  28. জাভাস্ক্রিপ্ট স্ট্রিং স্প্লিট | SP Foundationbd
  29. জাভাস্ক্রিপ্ট স্ট্রিং সার্চ tutorials | SP Foundationbd
  30. জাভাস্ক্রিপ্ট রিপ্লেস tutorials | SP Foundationbd
  31. জাভাস্ক্রিপ্ট indexOf tutorials | SP Foundationbd
  32. জাভাস্ক্রিপ্ট getElementById tutorials | SP Foundationbd
  33. জাভাস্ক্রিপ্ট innerHTML tutorials | SP Foundationbd
  34. কিছু জরুরী ফাংশন tutorials | SP Foundationbd
  35. setTimeout ফাংশন tutorials | SP Foundationbd

জাভাস্ক্রিপ্ট অপারেটর (Javascript operator in javascript tutorials)

Javascript a বিভিন্ন অপারেশনের জন্য অপারেটর ব্যবহার হয়। operation বলতে সাধারনত যোগ, বিয়োগ, গুন, ভাগ, দুটি এক্সপ্রেশনের মধ্যে তুলনা ইত্যাদি বুঝাচ্ছি। অপারেটর দিয়ে এগুলি ছাড়াও আরো অন্যান্য কাজ করা হয় তবে মুলত এগুলিই বেশি। যাই হোক ধরুন দুটি সংখ্যা জাভাস্ক্রিপ্টে যোগ করব যেমন

1.var x = 15;

2.var y = 10;

3.var z = x + y;

4.document.write(z);

এই যে নম্বর লাইনে x হচ্ছে একটা অপারেন্ড (Operand) এরপর + (প্লাস চিহ্ন) হচ্ছে Operator এবং এরপর আবার অরেকটা অপারেন্ড হচ্ছে y. এসব +, -, *, /, = ইত্যাদি হচ্ছে অপারেটর। এসব অপারেটরকে কয়েক ভাবে শ্রেনীবিভাগ করা হয়েছে

 

1. Arithmatic Operator (গানিতিক অপারেটর) :

x এর মান 15 এবং y এর মান 10 ধরে নিচের উদাহরনগুলি দেখাচ্ছি

অপারেটর

বর্ননা

উদাহরন

+

দুটি অপারেন্ডকে যোগ করবে

x+y হবে 25

-

২য় অপারেন্ডকে প্রথমটি থেকে বিয়োগ দেবে

x-y হবে 5

*

অপারেন্ড দুটিকে গুন করবে

x*y হবে 150

/

ভাগ করবে

x/y হবে 1.5

%

মডুলাস অপারেটর

x%y হবে 5

++

Increment অপারেটর, পূর্নসংখ্যা বা integer এর মান করে বাড়াবে

++x হবে 16

x++হবে 16

--

Decrement অপারেটর, পূর্নসংখ্যা বা integer এর মান করে কমাবে

--x হবে 14

x-- হবে 14

  ** এখানে x++ এর মান বাড়িয়ে দেখিয়েছে ১৬ এরপর ++x এর মান দেখিয়েছে ১৭ কেননা x এর মুল মান ছিল ১৫ তবে x++ করাতে এর মান assign হয়েছে ১৬ এরপর এই ১৬ সে ++x করে ১৭ দেখাচ্ছে। তদ্রুপ y-- এবং --y এর ক্ষেত্রেও প্রয়োজ্য।

 ** উদাহরনে output ভেরিয়েবলের সামনে var শব্দটি দেইনি। এটা দিলেও কাজ হয় এবং না দিলে এই ভেরিয়েবলটি গ্লোবাল হয়ে যায়। output এর সামনে পিছে (document.write() যখন লিখেছি) যে প্লাস (+) চিহ্ন এটা স্ট্রিং সংযোগ বা concatenate করতে ব্যবহৃত হয়। পিএইচপিতে যেমন ডট (.) চিহ্ন ব্যবহার করি।

 2. Assignment Operator (বরাদ্দকরন অপারেটর - এগুলি শব্দ ইংরেজীতেই প্রাকটিস করা ভাল, বাংলা করলে বরং বুঝতে সমস্যা হবে)

এসাইনমেন্ট অপারেটর দিয়ে মান এসাইন (assign) করা হয়। অনেকগুলি এরুপ অপারেটর আছে

অপারেটর

বর্ননা

উদাহরন

=

বা দিকের ভেরিয়েবলে মান assign করতে ব্যবহৃত হয়

var x = 20;

+=

Add এবং assignment অপারেটর। এই অপারেটর বা দিকের অপারেন্ডের (Operand) সাথে ডান দিকের অপারেন্ড আগে যোগ করবে এরপর বা দিকের অপারেন্ডে ফলাফলটি assign করবে। 

x += y;

এটার অর্থ হচ্ছে

x = x + y;

 

-=

Subtract এবং assignment অপারেটর। এই অপারেটর বা দিকের অপারেন্ডের (Operand) সাথে ডান দিকের অপারেন্ড আগে বিয়োগ করবে এরপর বা দিকের অপারেন্ডে ফলাফলটি assign করবে।

x  -= y;

এটার অর্থ হচ্ছে

x = x - y;

*=

Multiply এবং assignment অপারেটর, অপারেন্ড দুটি গুনন করে ফলাফলটি বা দিকের অপারেন্ডে assign করবে।

x *= y;

এটার অর্থ হচ্ছে

x = x*y;

/=

Divide এবং assignment অপারেটর। বা দিকের অপারেন্ডকে ডান দিকের অপারেন্ড দিয়ে ভাগ করবে এবং ফলাফল বা দিকের অপারেন্ডে assign করবে।

x /= y;

এটার অর্থ হচ্ছে

x = x/y;

%=

Modulus এবং assignment অপারেটর। অপারেন্ড দুটির মডুলাস নিবে এবং বা দিকের অপারেন্ডে assign করবে।

x %= y;

এটার অর্থ হচ্ছে

x = x % y;

 ** খুব ভাল করে output খেয়াল করবেন নাহলে অনেক জিনিস বুঝতে পারবেন না। যদিও উদাহরটিতে প্রথমে x এর মান ছিল ১৫ এবং y এর মান ছিল ১০ তবুও পরের ফলাফলগুলিতে এই অনুযায়ী মান আসেনি। কারন স্ক্রিপ্টে যখনি x বা y এর সাথে প্লাস মাইনাস ইত্যাদি অপারেটর ব্যবহার করেছি তখনি তাদের মুল মান পরিবর্তন হয়ে বর্তমান মান assign হয়ে গেছে।

 3. Comparison Operator

দুটি অপারেন্ডের মধ্যে তুলনা করতে এই অপারেটরগুলি ব্যবহার হয়। অনেকগুলি comparison অপারেটর আছে এর মধ্যে বহুল ব্যবহৃত কয়েকটি হচ্ছে

== এটা দিয়ে দুটি operand সমান কিনা সেটা যাচাই করা যায় যেমন

01.<!DOCTYPE html>

02.<html>

03.<head>

04.<script>

05.var x = 15;

06.var y = 16;

07.if (x == y) {

08.alert('These two operand values are equal');

09.} else {

10.alert('values are not equal');

11.}

12.</script>

13.</head>

14.<body>

15.<!-- any HTML element here -->

16.</body>

17.</html>

"values are not equal" দেখাবে অর্থ্যাৎ == অপারেটর দিয়ে আমরা বের করলাম যে অপারেন্ড দুটি সমান নয়।

যদি দুটি অপারেন্ড সমান না হয় এটা দেখতে চান তবে != (not equal to) একটা অপারেটর আছে।

> অপারেটর : এটা দিয়ে বা দিকের অপারেন্ড বড় কিনা সেটা দেখা হয়, যদি বড় হয় তাহলে true রিটার্ন করবে।

< অপারেটর : বা দিকের টা ছোট কিনা সেটা দেখার জন্য।

<= অপারেটর : বা দিকেরটা ডান দিকেরটার চেয়ে ছোট অথবা সমান কিনা সেটা দেখার জন্য এই অপারেটর।

>= এটা দিয়ে বা দিকেরটা ডান দিকের টার চেয়ে বড় অথবা সমান কিনা তা দেখার জন্য।

 উপরের যে alert এর কোডটা দিয়েছি সেখানে এই অপারেটর গুলি পরীক্ষা করে দেখতে পারেন।

আউটপুট দেখাবে। দেখুন ++ অপারেটর একাই x এর মান পরিবর্তন করে দিয়েছে। এজন্য এটা একটা unary অপারেটর।

 ** x++ এটা হল post-increment অর্থ্যাৎ আগে x এর মান রিটার্ন করবে এরপর বাড়াবে। তাই  document.write(x++) দিয়ে দেখুন মান দেখাবে। আর যদি ++x এভাবে দেন এটা হবে pre-increment অর্থ্যাৎ আগে মান বাড়াবে এরপর রিটার্ন করবে। এজন্য document.write(++x) দেন মান দেখাবে। x++ আর ++x এর মধ্যে পার্থক্য এটাই। উপরের উদাহরনে x++ এবং ++x আসলে x+8 এর কাজ করে।

 

Binary অপারেটর : দুটি অপারেন্ড নিয়ে কাজ করে তাই এসব অপারেটরকে বাইনারি অপারেটর বলে যেমন +, -, / ইত্যাদি।

arithmatic অপারেটরের শেষের দুটি ছাড়া সবগুলিই binary অপারেটর।

 এছাড়া আরেকটি আছে tenary অপারেটর যেটা ৩টি অপারেটর নিয়ে কাজ করতে পারে।

if else স্টেটমেন্টের কাজ টেনারি অপারেটর (?:) দিয়ে করা যায়। এখানে টি অপারেন্ড থাকে। যেমন

1.var x = 50;

2.var y = 45;

3.if(x > y){

4.document.write(x-y);

5.}else{

6.document.write('x is small');

7.}

টেনারি অপারেটর দিয়ে উপরের এই এক্সপ্রেশনকে সংক্ষেপে এভাবে লেখা যায়।

1.var x = 50;

2.var y = 45;

3.x > y ? document.write(x-y) : document.write('x is small');

 

4. Logical অপারেটর

অপারেটর

বর্ননা

উদাহরন

&&

লজিকাল AND অপারেটর। যদি দুটি এক্সপ্রেশনই true হয় তাহলে true রিটার্ন করবে।

exp1 && expr2

||

 লজিকাল OR অপারেটর। যদি দুটি এক্সপেশনের যেকোন একটি true হয় তাহলেও true রিটার্ন করবে।

exp1 || expr2

!

লজিকাল NOT অপারেটর। যদি এক্সপ্রেশনটি true হয় তাহলে false রিটার্ন করবে নাহলে true রিটার্ন করবে। 

!exp

প্রথম দুটি অপারেটর দিয়ে দুটি কন্ডিশন বা এক্সপ্রেশন দেখা হয়। && এর ক্ষেত্রে দুটিই কন্ডিশনই true হলে true রিটার্ন করবে আর || এর ক্ষেত্রে যেকোন একটি কন্ডিশন true হলেই true রিটার্ন করে এবং কোডব্লকে ঢুকবে।

! দিয়ে সাধারনত একটা এক্সপ্রেশন চেক করা হয়।

 ** এখানে আলোচিত অপারেটর ছাড়াও আরো কিছু অপারেটর আছে তবে এগুলিই সবসময় ব্যবহৃত হয়।