প্রতিটা operator, একটা একটা করে

Maria চায়, ওর score ঠিক 5 হলে তবেই একটা message আসুক। ওর variable-এ আছে 3, আর ও লেখে if (x = 5)। Program কোনো error ছাড়াই চলে, আর message-টাও print হয়ে যায়। কিছু crash করেনি, অথচ উত্তর ভুল: bug-এর মধ্যে এটাই সবচেয়ে খারাপ জাত। Maria আসলে কী জিজ্ঞেস করেছিল, সেটা বলবে assignment-এর অংশটা।

Operator হলো এমন একটা চিহ্ন, যেটা এক, দুই বা তিনটা value নেয়, যাদের বলে ওর operand, আর বদলে একটা নতুন value দেয়। এই lesson প্রতিটা পরিবারের কাছে একবার করে যাবে: তার গড়ন, কয়েক লাইন code, তার আসল output, আর যে একটা জিনিসে চোখ রাখতে হবে। একটা operator-এর খরচ এত কম যে মাপার মতো কিছু নেই, তাই অন্য topic lesson-এর cost-এর লাইনটা এখানে ইচ্ছে করেই রাখা হয়নি।

গণিতের operator: + - * / % **

a + b   a - b   a * b   a / b   a % b   a ** b
+a   -a

console.log(7 + 2, 7 - 2, 7 * 2, 7 / 2);
console.log(7 % 2, -7 % 3, 2 ** 10);
console.log(+"42", -"3", +"", +"4 2");
console.log(10 - 2 - 3, 2 ** 3 ** 2);

9 5 14 3.5
1 -1 1024
42 -3 0 NaN
5 512

ভাগ করলে ভগ্নাংশ থেকে যায় (Module 1), আর ভাগশেষের চিহ্ন হয় বাঁ দিকের operand-এর মতো। এক-operand-এর + ঠিক lesson 01-এর Number()-এর মতোই convert করে: "" হয়ে যায় 0, আর "4 2" হয় NaN।

বেশিরভাগ operator বাঁ থেকে ডানে জোট বাঁধে, তাই 10 - 2 - 3 মানে (10 - 2) - 3। Power operator জোট বাঁধে ডান থেকে বাঁয়ে: 2 ** 3 ** 2 মানে 2 ** 9, অর্থাৎ 512।

যেটায় চোখ রাখবে: কোনো এক পাশে string থাকলে + text জোড়া লাগায় (lesson 01)। তাই অন্য কেউ পড়বে এমন লাইনে +x-এর বদলে লেখো Number(x)। কাজ একই, কিন্তু কী করছে সেটা মুখে বলে দেয়।

Increment আর decrement: ++ আর --

x++   x--     postfix: আগের value দেয়, তারপর x বদলায়
++x   --x     prefix: আগে x বদলায়, তারপর নতুন value দেয়

let a = 5;
console.log(a++, a);
let b = 5;
console.log(++b, b);

5 6
6 6

দুইটা variable-ই শেষে 6। তফাতটা হলো expression নিজে কোন value দেয়: a++ console.log-কে দিয়েছে পুরনো 5, আর ++b দিয়েছে নতুন 6। আলাদা লাইনে একা থাকলে count++; আর ++count; হুবহু একই কাজ করে।

যেটায় চোখ রাখবে: বড় কোনো expression-এর ভিতরে x++-এর value তখনই ব্যবহার করো, যখন সত্যিই পুরনো value-টা চাও। 5++ লিখলে program চলার আগেই থেমে যায়, সাথে SyntaxError: Invalid left-hand side expression in postfix operation, কারণ বদলানো যায় শুধু variable। const-এর উপর করলে পাবে Module 1-এর TypeError: Assignment to constant variable.

তুলনা: ছোট, বড় আর চার রকমের সমান

a < b     a > b     a <= b    a >= b
a === b   a !== b   a == b    a != b

console.log(3 < 5, 5 <= 5, 2 > 9, 9 >= 10);
console.log(1 === 1, 1 === "1", 1 !== "1");
console.log(1 == "1", 1 != "1", null == undefined);
console.log("10" < 9, "7" >= 7);

true true false false
true false true
true false true
false true

!== আর != হলো === আর ==-এর উল্টো। Lesson 01 ===-কে default বানিয়েছে; == কোথায় সত্যিই কাজের, সেটা দেখাবে lesson 04। একদিকে number আর অন্যদিকে string থাকলে string-টা number হয়ে যায়, তাই "10" < 9 আসলে 10 < 9, মানে false।

যেটায় চোখ রাখবে: দুই পাশেই string হলে কিছুই convert হয় না। পরের অংশের চমকটা আসে সেখান থেকেই।

দুইটা string তুলনা হয় text হিসেবে, সংখ্যা হিসেবে না

const a = "10";
const b = "9";
console.log(a < b);
console.log(Number(a) < Number(b));

true
false

প্রতিটা character-এর একটা সংখ্যা আছে, তার code: "1" হলো 49, আর "9" হলো 57 (পুরো table-টা দেখাবে Module 3)। দুইটা string বাঁ দিক থেকে code ধরে ধরে তুলনা হয়, ঠিক যেভাবে dictionary শব্দ সাজায়। "10" আর "9" প্রথম character-এই আলাদা, 49 বনাম 57, তাই "10" আগে আসে, বাকিটা আর দেখাই হয় না।

সমাধান হলো দুই পাশকেই ইচ্ছে করে convert করা, শেষ লাইনে যেমন করা হয়েছে; starter-এ পড়ো nextInt() দিয়ে, next() দিয়ে না। তাই "10" < "9" হলো true, আর Number("10") < Number("9") হলো false।

Logical operator ফেরত দেয় নিজের একটা operand

a && b   a falsy হলে a দেয়, না হলে b
a || b   a truthy হলে a দেয়, না হলে b
!a       a falsy হলে true দেয়, না হলে false

console.log(0 && "yes", 3 && "yes");
console.log("" || "guest", "Zara" || "guest");
console.log(!0, !"text", !!"text");
console.log(false && console.log("never printed"));

0 yes
guest Zara
true false true
false

প্রথম দুই লাইনে কোথাও true বা false নেই: && আর || নিজের একটা operand-ই হুবহু ফেরত দেয়। সবসময় boolean দেয় শুধু !, তাই !!x মানে Boolean(x)।

শেষ লাইনটা দেখায় short-circuit: বাঁ পাশেই উত্তর ঠিক হয়ে গেলে ডান পাশটা আর চলেই না, তাই ভিতরের console.log-কে কখনো call করা হয়নি।

দুইটা কথা একসাথে করো, তাহলে name || "guest" একটা default বসায়: নাম truthy হলে নামটাই, না হলে "guest"। যেটায় চোখ রাখবে: || প্রতিটা falsy value-কেই সরিয়ে দেয়, এমন কিছুকেও যেটা আসলে ঠিক উত্তর হতে পারত, যেমন ইচ্ছে করে খালি রাখা একটা নাম।

Nullish coalescing: ?? বনাম ||

a ?? b   a দেয়, শুধু a null বা undefined হলে দেয় b

const nickname = "";
console.log("with ||: [" + (nickname || "guest") + "]");
console.log("with ??: [" + (nickname ?? "guest") + "]");
console.log(null ?? "guest", undefined ?? "guest", false ?? "guest");

with ||: [guest]
with ??: []
guest guest false

Zara ইচ্ছে করেই ওর nickname খালি রেখেছে। || ওর পছন্দটা ফেলে দিয়েছে, কারণ "" falsy। ?? সেটা রেখে দিয়েছে, তাই দ্বিতীয় লাইনের bracket দুইটার ভিতরে কিছু নেই। ?? fallback করে শুধু null আর undefined-এ, বাকি সব value রেখে দেয়, false-ও।

যেটায় চোখ রাখবে: parentheses ছাড়া ?? কিছুতেই || বা &&-এর পাশে বসবে না ("যে ভুলগুলো সবাই করে"-র 4 নম্বর)। দুইটার মধ্যে কোনটা নেবে, সেটা ঠিক করা lesson 04-এর কাজ।

Optional chaining: ?. (এক ঝলক)

value?.name   value null বা undefined হলে undefined দেয়, না হলে value.name

const user = { name: "Zara" };
const nobody = null;
console.log(user?.name, nobody?.name);
console.log(nobody?.name ?? "guest");

Zara undefined
guest

{ name: "Zara" } হলো একটা object, মানে নাম দেওয়া কয়েকটা অংশওয়ালা একটা value, আর user.name তার একটা অংশ পড়ে। Object শেখাবে Module 8। null-এর উপর সাধারণ dot দিলে program থেমে যায়: nobody.name দেয় TypeError: Cannot read properties of null (reading 'name')। ?. আগে বাঁ পাশটা দেখে নেয়, আর থামার বদলে দেয় undefined।

যেটায় চোখ রাখবে: ?. না-থাকা value-কে বানিয়ে দেয় undefined, তাই আসল একটা default পেতে ওর সাথে ?? জুড়ে দাও, শেষ লাইনে যেমন। বাকিটা আনবে Module 8।

Ternary: condition ? a : b

condition ? valueIfTruthy : valueIfFalsy

const marks = 72;
console.log(marks >= 40 ? "pass" : "fail");
const n = 7;
console.log(n % 2 === 0 ? "even" : "odd");

pass
odd

এটাই একমাত্র operator যার operand তিনটা, তাই নাম ternary। if-এর মতো না (Module 4), এটা একটা expression: এমন একটা value দেয়, যেটা রাখতে পারো, print করতে পারো, বা out-এ push করতে পারো।

যেটায় চোখ রাখবে: একটা ternary পড়তে আরাম, কিন্তু ternary-র ভিতরে ternary খুব তাড়াতাড়ি জট পাকায়। মাঝের ফলটাকে const দিয়ে একটা নাম দাও, অথবা parentheses বসাও।

Assignment: = রেখে দেয়, প্রশ্ন করে না

name = value   value-কে name-এ রাখে, আর পুরো expression-টা দেয় value

এই যে Maria-র program, সত্যি সত্যি চালানো।

let x = 3;
if (x = 5) {
  console.log("x is five, and now x is", x);
}

x is five, and now x is 5

=-ও একটা operator। এটা ডান পাশটা বাঁ পাশের নামে রাখে, আর পুরো expression-টা দেয় রাখা value-টা। তাই if (x = 5) আগে x-এ 5 রাখে, তারপর জিজ্ঞেস করে 5 truthy কি না। 5 truthy, তাই message প্রতিবারই print হয়, আর x তার 3 হারিয়ে ফেলে।

Maria বোঝাতে চেয়েছিল if (x === 5): === প্রশ্ন করে, = হুকুম দেয়। Assignment জোট বাঁধে ডান থেকে বাঁয়ে, তাই a = b = 0 আগে b বসায়, তারপর a। যেটায় চোখ রাখবে: এটা valid JavaScript, তাই engine কখনো আপত্তি করে না; আপত্তি করে linter ("এটা কোথায় কাজে লাগে" দেখো)।

Compound আর logical assignment: += থেকে ??=

x += y   x -= y   x *= y   x /= y   x %= y   x **= y
x &&= y   x ||= y   x ??= y

let price = 200;
price -= 20;
price *= 2;
let title = "";
title ||= "Untitled";
let pages = null;
pages ??= 1;
console.log(price, title, pages);

360 Untitled 1

200 থেকে 20 বাদ দিলে 180, তার দ্বিগুণ 360। title খালি ছিল, তাই ||= সেটা ভরে দিয়েছে; pages ছিল null, তাই ??= ভরেছে। Logical তিনটা রূপ language-এ এসেছে ES2021-এ, আর Node 22 এগুলো চালায়।

যেটায় চোখ রাখবে: += মানেই +-এর নিয়ম, তাই string-এর উপর এটা text জোড়ে। let line = "a"; line += 1; শেষে রেখে যায় "a1"।

বাকিরা: comma, void, typeof, instanceof আর bitwise পরিবার

(a, b)              comma: a-র হিসাব করে, ফেলে দেয়, দেয় b
void x              undefined দেয়
typeof x            type-এর নামটা string হিসেবে দেয়
x instanceof Type   জিজ্ঞেস করে, x-কে Type বানিয়েছে কি না
&  |  ^  ~  <<  >>  >>>   bitwise: শুধু নাম, এখানে শেখানো হবে না

console.log((1, 2), void 0);
console.log(typeof 42, typeof "42", typeof null);
console.log([] instanceof Array, typeof []);

2 undefined
number string object
true object

Comma-র দেখা পাবে দুইটা counter-ওয়ালা for header-এ, আর void 0-এর দেখা পাবে কোনো tool-এর বানানো code-এ; নিজে কোনোটাই লিখতে হবে না। typeof হলো Module 1-এর operator, তাই parentheses লাগে না। typeof যেখানে শুধু "object" বলে, instanceof সেখানে বলে দেয় [] একটা array (Module 7); কীভাবে জানে, সেটা বলবে Module 9।

Bitwise operator কাজ করে একটা number-এর 32-bit পূর্ণসংখ্যা রূপের উপর, flag আর hash-এর জন্য। MDN-এর "Expressions and operators" page-এ এদের তালিকা আছে, আর এই track এগুলো ব্যবহার করে শুধু যেখানে কোনো problem-এ লাগে। in, delete, new, ... আর await আসবে নিজ নিজ বিষয়ের সাথে, Module 7, 8, 9 আর 13-এ।

Precedence: কোন operator আগে

একটা expression-এ কয়েকটা operator থাকলে কোনটা আগে চলবে, সেটা ঠিক করে precedence, যেমন স্কুলের অঙ্কে যোগের আগে গুণ। একই সারির দুইটা operator-এর মধ্যে টাই ভাঙে associativity: বেশিরভাগের বেলায় বাঁ থেকে ডানে, আর **, ternary আর assignment-এর বেলায় ডান থেকে বাঁয়ে। নিচে এই lesson-এর প্রতিটা operator, প্রথম থেকে শেষ পর্যন্ত।

MDN-এর পুরো table-এ bitwise operator-গুলোর জায়গাও দেওয়া আছে। এবার দেখো, এই table একটা লাইনের উপর কীভাবে কাজ করে।

লাইনটা নিজে চালিয়ে দেখো, ধাপগুলো যে উত্তর দেয়, ঠিক সেটাই পাবে।

console.log(1 + 2 * 3 > 6 && "yes");
console.log(((1 + (2 * 3)) > 6) && "yes");

yes
yes

যেটা নিয়ে নিশ্চিত না, তার জন্য নিয়মটা সোজা: সন্দেহ হলে parentheses বসাও। খরচ কিছুই না, আর পরের পাঠককে এই table খুলে বসতে হয় না।

Operator যখন মানা করে: তিনটা TypeError

বেশিরভাগ operator যা পায়, তাকেই convert করে নেয়। তবে তিনটা conversion-এ সে রাজি হয় না, আর program থেমে যায় একটা TypeError দিয়ে। Playground-এর verdict আসে Runtime error, আর থামার আগে যা print হয়েছিল, সেটা থেকে যায়।

1. Number-এর সাথে bigint মেশানো। নিরাপদ সীমার বাইরের পূর্ণসংখ্যার জন্য n suffix-এর কথা Module 1-এ এসেছিল।

const big = 10n;
console.log(big + 5n);
console.log(big + 5);

15n
TypeError: Cannot mix BigInt and other types, use explicit conversions

Bigint কখনো চুপচাপ number হয়ে যায় না, number-ও চুপচাপ bigint হয় না, কারণ যেকোনো দিকেই অঙ্ক হারিয়ে যেতে পারে। ইচ্ছে করে convert করো: big + BigInt(5) দেয় 15n। তুলনা অবশ্য চলে: 10n > 5 হলো true।

2. Text-এর সাথে symbol জোড়া। Symbol হলো Module 1-এর সেই কম দেখা primitive, একটা অনন্য লেবেল।

const id = Symbol("id");
console.log(typeof id);
console.log("id: " + id);

symbol
TypeError: Cannot convert a Symbol value to a string

+ জিজ্ঞেস না করেই symbol-টাকে text বানিয়ে ফেলত, আর symbol সেটা হতে দেয় না। তাই মুখ ফুটে চাও: String(id) দেয় "Symbol(id)"।

3. এমন object, যার primitive হওয়ার কোনো উপায় নেই। Primitive হলো Module 1-এর সাতটা সরল type-এর যেকোনোটা। Node-এর built-in querystring module একটা web address-এর ?-এর পরের লেখাটাকে একটা object বানিয়ে দেয়।

const qs = require("querystring");
const form = qs.parse("name=Zara&age=14");
console.log(form.name, form.age);
console.log("form: " + form);

Zara 14
TypeError: Cannot convert object to primitive value

একটা object-কে text-এর সাথে জুড়তে গেলে engine object-টার কাছে তার text রূপটা চায়, এমন কিছু method দিয়ে, যেগুলো বেশিরভাগ object উত্তরাধিকারে পায় (Module 9)। এই object সেগুলোর কোনোটাই পায়নি, তাই চাওয়ার মতো কিছু নেই। এর অংশগুলো print করো, অথবা আলাদা argument হিসেবে দাও: console.log("form:", form) print করে form: [Object: null prototype] { name: 'Zara', age: '14' }।

তাহলে operator চুপচাপ convert করে, শুধু এই তিন জায়গা ছাড়া, আর প্রতিবার সমাধান হলো নিজে ইচ্ছে করে convert করা, যেটা lesson 03-এর বিষয়।

const bill = 1000;
const friends = 3;
const share = Math.floor(bill / friends);
const left = bill % friends;
console.log("each pays", share);
console.log("left over", left);
console.log("check:", share * friends + left === bill);

each pays 333
left over 1
check: true

let xp = 180;
let level = 3;
let streak = 0;
let badge = "";
xp += 45;
streak++;
level += xp >= 200 ? 1 : 0;
badge ||= "first steps";
console.log("xp", xp, "level", level, "streak", streak);
console.log("badge:", badge);
console.log(level > 3 && streak >= 1 ? "level up!" : "keep going");

xp 225 level 4 streak 1
badge: first steps
level up!

const input = require("fs").readFileSync(0, "utf8");
const tokens = input.split(/\s+/).filter(Boolean);
let at = 0;
const next = () => tokens[at++];
const nextInt = () => Number(next());
const out = [];

const n = nextInt();
let total = 0;
for (let i = 0; i < n; i++) {
  total += nextInt();
}
const coupon = next() ?? "none";
const discount = total >= 1000 ? total / 10 : 0;
const delivery = total - discount >= 500 || coupon === "FREESHIP" ? 0 : 60;
out.push("total: " + total);
out.push("discount: " + discount);
out.push("coupon: " + coupon);
out.push("delivery: " + delivery);
out.push("to pay: " + (total - discount + delivery));

console.log(out.join("\n"));

total: 1150
discount: 115
coupon: none
delivery: 0
to pay: 1035

const temp = 30;
console.log(10 < temp < 20);
console.log(10 < temp && temp < 20);

true
false

const input = require("fs").readFileSync(0, "utf8");
const tokens = input.split(/\s+/).filter(Boolean);
let at = 0;
const next = () => tokens[at++];
const nextInt = () => Number(next());
const out = [];

const oldPrice = next();
const newPrice = next();
out.push(newPrice > oldPrice ? "went up" : "did not go up");

console.log(out.join("\n"));

did not go up

console.log(-2 ** 2);

const typed = "";
const saved = null;
const name = typed || saved ?? "guest";

console.log(0 || "default");
console.log(0 ?? "default");

// Write your ten predictions first, then run.
console.log(7 % 3 + 2 ** 3);
console.log("8" * "2");
console.log("25" < "3");
console.log(10 / 4 > 2 && "big");
console.log(null || 0 || "last");
console.log(false ?? "off");
console.log(!!"false");
console.log(1 + 2 === 3 ? "ok" : "odd");
console.log(typeof (4 > 3));
console.log(2 ** 3 ** 2);

const input = require("fs").readFileSync(0, "utf8");
const tokens = input.split(/\s+/).filter(Boolean);
let at = 0;
const next = () => tokens[at++];
const nextInt = () => Number(next());
const out = [];

// your code: read with next() and nextInt(), push every line of output to out

console.log(out.join("\n"));

const input = require("fs").readFileSync(0, "utf8");
const lines = input.split("\n");
let at = 0;
const next = () => lines[at++];
const nextInt = () => Number(next());
const out = [];

// your code: read with next() and nextInt(), push every line of output to out

console.log(out.join("\n"));

const out = [];
const a = 0;
const b = "";
const c = "c";

out.push(1 + 2 * 3 ** 2);
out.push(10 - 4 - 3 ** 0);
out.push(a || b && c);
out.push(!a == b);
out.push(typeof 1 + 1);
out.push("a" + 1 + 2 * 3);

console.log(out.join("\n"));

এরপর lesson 03 ছয়টা পুরো program-এ ইচ্ছে করে convert করবে, শুরু হবে এমন একটা calculator দিয়ে, যেটা দুইটা সংখ্যা আর একটা operator পড়ে।