Object-এর ছবি: নাম দেওয়া box, reference, আর এক box-এর দুই নাম

Bob একটা cycling club-এর phone list সামলায়। Module 7-এ ও প্রতিটা member রাখত একটা array হিসেবে: ["Rafi", "01711", "Dhaka"]। এক সপ্তাহ ভালোই চলল। তারপর ও index 2-এ একটা email ঢুকিয়ে দিল, আর যত লাইন member[2] দিয়ে শহর পড়ত, সবাই email print করা শুরু করল। কোন নম্বরের মানে কী, কারো মনে থাকে না।

Bob নম্বর দিয়ে ঘর চায় না। ও চায় নাম দিয়ে ঘর: নাম, phone, শহর। Object ঠিক এটাই। এই module-এ object ঠিকঠাক শিখবে। সাথে শিখবে সেই একটা idea, যেটা object-এর বেশিরভাগ bug-এর ব্যাখ্যা দেয়: variable কোনো object ধরে রাখে না, শুধু একটা object-কে দেখায়।

Object মানে নাম দেওয়া কয়েকটা box

Object হলো এমন একটা value, যেটা অন্য value-দের নাম দিয়ে রাখে। প্রতিটা নাম একটা key, আর value-সহ একটা key হলো একটা property। Object লেখো curly brace দিয়ে। ভেতরে প্রতিটা property মানে key, একটা colon, তারপর value, আর property-গুলোর মাঝে comma। এটাই object literal।

const member = { name: "Rafi", phone: "01711", city: "Dhaka" };
console.log(member);
console.log(member.city);
console.log(Object.keys(member).length);

{ name: 'Rafi', phone: '01711', city: 'Dhaka' }
Dhaka
3

প্রথম লাইন পুরো object-টা print করে। দ্বিতীয়টা key দিয়ে একটা value পড়ে। তৃতীয়টা Object.keys দিয়ে key গোনে; Object.keys key-গুলোকে একটা array হিসেবে দেয়, Lesson 02-এ পুরোটা আছে।

Value যেকোনো কিছু হতে পারে: সংখ্যা, string, boolean, array, এমনকি আরেকটা object। Key-গুলো string। সাধারণ শব্দ হলে quote ছাড়াই লেখা যায়, ওপরের মতো।

Key পড়া: dot আর bracket

Property পড়ার দুটো উপায়। Dot দিয়ে, member.city, ছোট আর পরিষ্কার। Bracket দিয়ে, member["city"], যেটা একটা string নেয়, তাই key আসতে পারে কোনো variable বা input থেকে।

const member = { name: "Rafi", phone: "01711", city: "Dhaka" };
const field = "phone";
console.log(member.name);
console.log(member["city"]);
console.log(member[field]);
console.log(member.email);

Rafi
Dhaka
01711
undefined

শেষ লাইন এমন একটা key চেয়েছে যেটা নেই। JavaScript থামে না, দেয় undefined, ঠিক array-র শেষের পরে পড়ার মতো। Code লেখার সময়েই key জানা থাকলে dot নাও। Key যদি জানা যায় শুধু program চলার সময়, তাহলে bracket।

Key যোগ করা আর বদলানো

Object বাঁধা কিছু না। যে key এখনো নেই, তাতে assign করলে সেটা যোগ হয়। যে key আছে, তাতে assign করলে value বদলে যায়।

const member = { name: "Rafi" };
member.city = "Dhaka";
member["phone"] = "01711";
member.city = "Sylhet";
console.log(member);
console.log(Object.keys(member));

{ name: 'Rafi', city: 'Sylhet', phone: '01711' }
[ 'name', 'city', 'phone' ]

Key-গুলোর ক্রমটা দেখো। city যোগ হয়েছিল প্রথমে, বদলেছে পরে, তবু সে দ্বিতীয় জায়গাতেই আছে। বদলানো key নিজের জায়গা ছাড়ে না। নতুন key যায় শেষে। পুরো ক্রমের নিয়ম আছে Lesson 05-এ, আর সংখ্যার মতো দেখতে key-দের জন্য সেখানে একটা চমক আছে।

নাম একটা object-কে দেখায়

এই module-এর বাকিটা এই idea-র ওপর দাঁড়িয়ে। যে variable একটা object "ধরে রাখে", সে আসলে ধরে রাখে একটা reference: object-টা যেখানে থাকে, সেদিকে একটা তীর। Object নিজে হলো box। Variable হলো একটা নাম, যার হাতে ওই box-এর দিকে একটা তীর।

সংখ্যা আর string আলাদা। যে variable-এ 5 আছে, তার ভেতরে value-টাই আছে। Copy করলে 5-টাই copy হয়। কিন্তু object-কে দেখানো variable copy করলে copy হয় তীরটা, box না।

const rafi = { name: "Rafi", city: "Dhaka" };
const friend = rafi;
friend.city = "Sylhet";
console.log(rafi.city);
console.log(friend === rafi);

Sylhet
true

এখানে object মাত্র একটা। friend = rafi একই তীরকে একটা দ্বিতীয় নাম দিয়েছে। friend দিয়ে লেখাটা পড়ে ওই একটাই box-এ, তাই rafi দিয়ে পড়লেও সেটা দেখা যায়। দুটো object-এ === জিজ্ঞেস করে "এটা কি একই box?", আর এখানে উত্তর হ্যাঁ।

const তীরটা আটকায়, ভেতরটা না

Module 1-এ Maria এটা চালিয়ে অবাক হয়েছিল যে এটা চলে:

const list = [1, 2];
list.push(3);
console.log(list);

[ 1, 2, 3 ]

এখন ওকে উত্তর দিতে পারো। Array একটা object, তাই list-এর হাতে একটা reference। const কথা দেয় যে list নামটা চিরকাল একই তীর রাখবে। Box নিয়ে সে কোনো কথা দেয় না। push box-টা বদলায়, তাই const-এর আপত্তি করার কিছু নেই। const আপত্তি করে list = [9]-এ, যেটা নামটাকে একটা নতুন box-এর দিকে ঘোরাত।

প্রতিটা object-এর বেলাতেই এক কথা। const member = {} সারাদিন key পেতে পারে। Box-টাকেই জমিয়ে দিতে চাইলে আছে Object.freeze; Lesson 02 দেখাবে।

Copy মানে একটা নতুন box

আলাদা একটা দ্বিতীয় object চাইলে নতুন box বানাতেই হবে। সবচেয়ে সহজ উপায় spread: { ...rafi } একটা নতুন object বানায় আর rafi-র প্রতিটা property ওতে copy করে। ভেতরের ফাঁদটা দেখাবে Lesson 02: copy-টা শুধু এক স্তর গভীর।

নিচের widget-এ পাঁচটা লাইন দেখো, প্রতি লাইনে এক ধাপ। বাঁয়ে নামগুলো, ডানে box-গুলো, আর একটা তীর মানে একটা reference।

আসল কথাটা ধাপ 2-এ: কোনো নতুন box আসে না, আসে শুধু একটা দ্বিতীয় তীর। ধাপ 4 উল্টো: পুরো একটা নতুন box, একই value দিয়ে ভরা। ধাপ 5-এর পরে দুটো box-এ দুটো আলাদা শহর।

const o = { key: value, other: value2 };   // an object literal
o.key          o["key"]       o[name]      // read by dot, by string, by a variable
o.newKey = v;                               // add a key, or replace its value
const p = o;                                // a second name for the same box
const c = { ...o };                         // a new box with the same properties
p === o                                     // true only for the same box

const input = require("fs").readFileSync(0, "utf8");
const tokens = input.split(/\s+/).filter(Boolean);
const member = { name: tokens[0], phone: tokens[1], city: tokens[2] };
member.joined = 2026;

for (const key of Object.keys(member)) {
  console.log(key + ": " + member[key]);
}
console.log("fields " + Object.keys(member).length);

name: Nadia
phone: 01822
city: Rajshahi
joined: 2026
fields 4

const a = { city: "Dhaka" };
const b = { city: "Dhaka" };
const c = a;
console.log(a === b);
console.log(a === c);
console.log(a.city === b.city);
c.city = "Comilla";
console.log(a.city, b.city);

false
true
true
Comilla Dhaka

const prices = { tea: 20, coffee: 60 };
const item = "coffee";
console.log(prices.item);
console.log(prices[item]);

undefined
60

const member = { name: "Rafi" city: "Dhaka" };
console.log(member.city);

const original = { stock: 10 };
const backup = original;
original.stock = 0;
console.log(backup.stock);

0

const a = { n: 1 };
const b = a;
const c = { n: 1 };
b.n = 2;
console.log(a.n + c.n);

5
name Rafi Hasan
city Sylhet
motto Think twice
city Dhaka
rating 1450

4
name: Rafi Hasan
city: Dhaka
motto: Think twice
rating: 1450

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"));

4
r101 Nadia
r102 Sumon
r101 Kenji
r205 Lima
3
r101
r103
r205

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"));

Kenji
vacant
Lima

7
new a
alias b a
set b city dhaka
new c
set c city khulna
get a city
get c city

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"));

dhaka
khulna

এরপর: object-এর প্রতিটা কাজ, একটা একটা করে, কী ফেরত দেয় আর object বদলায় কি না।