Object Destructuring ES6 এর একটি নতুন ফিচার, যা অবজেক্টের প্রপার্টি গুলোর মানকে পৃথক ভ্যারিয়েবলে সরাসরি অ্যাসাইন করার একটি সহজ পদ্ধতি প্রদান করে। এর মাধ্যমে কোড অনেক বেশি পরিষ্কার এবং সংক্ষিপ্ত হয়।
Object Destructuring এর সিনট্যাক্স
Object Destructuring এর সাধারণ সিনট্যাক্স হলো:
const { property1, property2 } = object;
এখানে, object হচ্ছে যে অবজেক্ট থেকে আপনি প্রপার্টি গুলো আনতে চান, এবং property1, property2 হচ্ছে সেই অবজেক্টের প্রপার্টি নাম।
উদাহরণ:
const person = {
name: "John",
age: 30,
city: "New York"
};
const { name, age } = person;
console.log(name); // "John"
console.log(age); // 30
এখানে, person অবজেক্ট থেকে name এবং age প্রপার্টি পৃথক ভ্যারিয়েবলে ডেস্ট্রাকচার করা হয়েছে।
Object Destructuring এ Default Value
যদি ডেস্ট্রাকচারের সময় কোনো প্রপার্টি অবজেক্টে না থাকে, তবে আপনি default value সেট করতে পারেন। এটি তখন ব্যবহৃত হবে যদি ঐ প্রপার্টি অবজেক্টে উপস্থিত না থাকে।
উদাহরণ:
const person = {
name: "John",
age: 30
};
const { name, age, city = "Unknown" } = person;
console.log(name); // "John"
console.log(age); // 30
console.log(city); // "Unknown" (যেহেতু `city` অবজেক্টে নেই, তাই default value ব্যবহার হবে)
এখানে, city প্রপার্টি অবজেক্টে না থাকলে "Unknown" ডিফল্ট মান হিসেবে অ্যাসাইন হবে।
Object Destructuring এর জন্য Aliases (Renaming)
যদি আপনি কোন প্রপার্টির নাম পরিবর্তন করে অন্য নাম দিয়ে ভ্যারিয়েবল ডিফাইন করতে চান, তাহলে আপনি alias ব্যবহার করতে পারেন। এটি প্রপার্টির নামের পরিবর্তে একটি নতুন নামের মাধ্যমে সেই প্রপার্টি অ্যাক্সেস করতে সাহায্য করে।
উদাহরণ:
const person = {
name: "John",
age: 30
};
const { name: fullName, age: years } = person;
console.log(fullName); // "John"
console.log(years); // 30
এখানে, name প্রপার্টি fullName নামে এবং age প্রপার্টি years নামে রিনেম করা হয়েছে।
Nested Object Destructuring
যখন অবজেক্টের মধ্যে আরেকটি অবজেক্ট থাকে (nested objects), তখন আপনি nested object গুলোকেও ডেস্ট্রাকচার করতে পারেন।
উদাহরণ:
const person = {
name: "John",
address: {
city: "New York",
country: "USA"
}
};
const { name, address: { city, country } } = person;
console.log(name); // "John"
console.log(city); // "New York"
console.log(country); // "USA"
এখানে, address অবজেক্টের মধ্যে থাকা city এবং country প্রপার্টি আলাদাভাবে ডেস্ট্রাকচার করা হয়েছে।
Rest Pattern (Collecting Remaining Properties)
Rest Pattern ব্যবহার করে আপনি অবজেক্টের বাকি প্রপার্টিগুলোকে একটি একক অবজেক্টে জড়ো করতে পারেন। এটি সাধারণত ডেস্ট্রাকচারিং এর পর অবশিষ্ট প্রপার্টি সংগ্রহ করতে ব্যবহৃত হয়।
উদাহরণ:
const person = {
name: "John",
age: 30,
city: "New York",
country: "USA"
};
const { name, age, ...address } = person;
console.log(name); // "John"
console.log(age); // 30
console.log(address); // { city: "New York", country: "USA" }
এখানে, name এবং age আলাদাভাবে ডেস্ট্রাকচার করা হয়েছে এবং অবশিষ্ট প্রপার্টি গুলো address নামের অবজেক্টে সংগৃহীত হয়েছে।
Function Parameters এ Object Destructuring
এছাড়াও, ফাংশনের প্যারামিটার হিসেবে অবজেক্ট ডেস্ট্রাকচারিং ব্যবহার করা যায়, যা কোডকে আরও সহজ এবং ক্লিন করে।
উদাহরণ:
const greet = ({ name, age }) => {
console.log(`Hello, ${name}. You are ${age} years old.`);
};
const person = {
name: "John",
age: 30
};
greet(person); // "Hello, John. You are 30 years old."
এখানে, greet ফাংশনে অবজেক্টের প্রপার্টি name এবং age সরাসরি প্যারামিটার হিসেবে ডেস্ট্রাকচার করা হয়েছে।
সারাংশ
Object Destructuring ES6 এর একটি শক্তিশালী বৈশিষ্ট্য, যা অবজেক্টের প্রপার্টি গুলোকে পৃথক ভ্যারিয়েবলে দ্রুত এবং সহজভাবে অ্যাসাইন করতে সাহায্য করে। এটি কোড সংক্ষিপ্ত, পরিষ্কার এবং আরও রিডেবল করে তোলে। ES6 এর Destructuring এর মাধ্যমে আপনি ডিফল্ট মান, আলিয়াস, নেস্টেড অবজেক্ট, রেস্ট প্যাটার্ন, এবং ফাংশন প্যারামিটার হিসেবে অবজেক্ট ডেস্ট্রাকচারিং সহ আরও অনেক সুবিধা উপভোগ করতে পারেন।
