Array Destructuring ES6 (ECMAScript 2015) এর একটি শক্তিশালী বৈশিষ্ট্য যা আপনাকে সহজে অ্যারে (Array) থেকে মান (values) বের করতে সাহায্য করে। এর মাধ্যমে অ্যারের উপাদানগুলোকে আলাদা ভ্যারিয়েবলে অ্যাসাইন করা যায় একাধিক লাইন কোড লেখা ছাড়াই।
এই ফিচারটি কোডকে আরো সংক্ষিপ্ত, পরিষ্কার এবং পড়তে সহজ করে তোলে। Array Destructuring এর মাধ্যমে আপনি অ্যারের নির্দিষ্ট উপাদানগুলোকে ভ্যারিয়েবলে সরাসরি ডিক্লেয়ার করে নিতে পারেন।
Array Destructuring এর মৌলিক সিনট্যাক্স
Array Destructuring এর মৌলিক সিনট্যাক্স হলো:
const [variable1, variable2, variable3] = array;
এখানে, array হল যে অ্যারে থেকে আপনি মান গুলো বের করতে চান, এবং variable1, variable2, variable3 হল সেই মান গুলোকে সংরক্ষণ করতে ব্যবহৃত ভ্যারিয়েবল।
উদাহরণ:
const numbers = [1, 2, 3];
const [a, b, c] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
এখানে, অ্যারে numbers এর মানগুলো সরাসরি ভ্যারিয়েবল a, b, এবং c তে অ্যাসাইন করা হয়েছে।
Array Destructuring এর অগ্রাধিকার
অ্যারে থেকে নির্দিষ্ট মান বের করা
আপনি যদি অ্যারের কিছু নির্দিষ্ট উপাদানকে চয়েস করতে চান, তবে আপনি ডেস্ট্রাকচারিংয়ের মাধ্যমে শুধুমাত্র প্রয়োজনীয় উপাদানগুলো বের করে নিতে পারেন।উদাহরণ:
const numbers = [10, 20, 30, 40]; const [x, , z] = numbers; // শুধু প্রথম এবং তৃতীয় উপাদান নিয়ে আসা console.log(x); // 10 console.log(z); // 30এখানে, আমরা দ্বিতীয় উপাদানটিকে বাদ দিয়েছি (এটা দুটি কমা
,দিয়ে চিহ্নিত করা হয়েছে), এবং শুধুমাত্র প্রথম এবং তৃতীয় উপাদানগুলোকে ভ্যারিয়েবলে অ্যাসাইন করেছি।ডিফল্ট মান প্রদান
যদি অ্যারে এর কোনো উপাদান undefined থাকে বা না থাকে, তবে আপনি ডিফল্ট মান নির্ধারণ করতে পারেন।উদাহরণ:
const numbers = [10, , 30]; const [a, b = 20, c] = numbers; console.log(a); // 10 console.log(b); // 20 (দ্বিতীয় উপাদানটি অনুপস্থিত, তাই ডিফল্ট মান ২০ নেওয়া হয়েছে) console.log(c); // 30এখানে, দ্বিতীয় উপাদানটি অ্যারে তে নেই, তাই
bএর জন্য ডিফল্ট মান20ব্যবহার করা হয়েছে।Rest Parameters
আপনি Rest Parameters ব্যবহার করে অবশিষ্ট উপাদানগুলোকে একটি অ্যারে হিসেবে সংগ্রহ করতে পারেন। এটি...সিম্বল দ্বারা চিহ্নিত করা হয়।উদাহরণ:
const numbers = [1, 2, 3, 4, 5]; const [first, second, ...rest] = numbers; console.log(first); // 1 console.log(second); // 2 console.log(rest); // [3, 4, 5]এখানে,
firstএবংsecondএর জন্য প্রথম দুটি উপাদান অ্যাসাইন করা হয়েছে, এবং বাকি উপাদানগুলোrestভ্যারিয়েবলে একটি অ্যারে হিসেবে একত্রিত হয়ে গেছে।
Array Destructuring এর ব্যবহারিক উদাহরণ
ফাংশনের আর্গুমেন্টস থেকে অ্যারে ডেস্ট্রাকচারিং
আপনি ফাংশনের আর্গুমেন্টস হিসেবেও অ্যারে ডেস্ট্রাকচারিং ব্যবহার করতে পারেন। এটি যখন কোনো ফাংশন অ্যারে পাস করে, তখন খুবই কার্যকরী।
উদাহরণ:
function getCoordinates() { return [10, 20]; } const [x, y] = getCoordinates(); console.log(x); // 10 console.log(y); // 20এখানে,
getCoordinates()ফাংশনটি একটি অ্যারে ফেরত দেয়, এবং আমরা Array Destructuring ব্যবহার করে তা সরাসরি ভ্যারিয়েবলxএবংyতে অ্যাসাইন করেছি।অ্যারে অবজেক্টে ডেস্ট্রাকচারিং
অ্যারের মধ্যে যদি অবজেক্ট থাকে, তাহলে আপনি তাদেরও ডেস্ট্রাকচার করতে পারেন।
উদাহরণ:
const user = [ { name: "John", age: 30 }, { name: "Doe", age: 25 } ]; const [{ name: name1 }, { age: age2 }] = user; console.log(name1); // John console.log(age2); // 25এখানে, আমরা
userঅ্যারের মধ্যে দুটি অবজেক্ট থেকেnameএবংageডেস্ট্রাকচার করেছি।
Array Destructuring এর সুবিধা
- কোডের আকার ছোট করা:
অ্যারে থেকে ভ্যালু এক্সট্র্যাক্ট করতে দীর্ঘ কোডের পরিবর্তে কম কোডে কাজ করা যায়। - বিনোদনমূলক (Readable) কোড:
কোড আরও পরিষ্কার, সহজবোধ্য এবং সহজে বুঝতে পারা যায়। - ডিফল্ট মান এবং Rest Parameters:
আপনি সহজে ডিফল্ট মান এবং বাকি উপাদানগুলো একত্রিত করতে পারেন, যা অনেক সময় কোডের প্রয়োজনীয়তা পূরণ করতে সাহায্য করে।
সারাংশ
Array Destructuring ES6 এর একটি শক্তিশালী এবং কার্যকরী ফিচার, যা অ্যারের উপাদানগুলোকে সরাসরি ভ্যারিয়েবলে অ্যাসাইন করতে সাহায্য করে। এটি কোডের আকার ছোট এবং পরিষ্কার করে, এবং default values, rest parameters সহ বিভিন্ন সুবিধা প্রদান করে।
