কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট অবজেক্ট ডিস্ট্রাকচারিং (Object Destructuring) কী?

জাভাস্ক্রিপ্ট অবজেক্ট ডিস্ট্রাকচারিং (JavaScript object Destructuring)

একটি অবজেক্টকে একটি ভিন্ন অপরিবর্তিত স্ট্রাকচারে অ্যাক্সেস করাকে অবজেক্ট ডিস্ট্রাকচারিং বলা হয়। আসলে, একটি অবজেক্ট প্রপার্টি দেখানোর একটি নির্দিষ্ট ফরম্যাট রয়েছে। আমরা একই কাজটি অনির্দিষ্ট পদ্ধতিতে করতে পারি, যাকে অবজেক্ট ডিস্ট্রাকচারিং বলা হয়। বিস্তারিত আলোচনা করা হলো।

উদাহরণ-১

নিচের উদাহরণে, 'person' নামে একটি অবজেক্ট ডিফাইন করা হয়েছে এবং এর প্রপার্টি সাধারণ পদ্ধতিতে অ্যাক্সেস করা হয়েছে, অর্থাৎ "person.name"। কিন্তু যদি আমরা একই জিনিস ডিস্ট্রাকচারড উপায়ে দেখাতে চাই, তবে 'person.name' লিখতে হয় না, শুধু 'name' লিখলেই হবে, যেমন উদাহরণ-২-তে দেখানো হয়েছে।

<html> <body> <script> 
  let person = {name: "Nani", age: 25}; 
  document.write(person.name); 
  document.write("<br>"); 
  document.write(person.age); 
</script> </body> </html>

আউটপুট

Nani 25

উদাহরণ-২

এই উদাহরণে, 'person' অবজেক্টের প্রপার্টি ডিস্ট্রাকচারড পদ্ধতিতে অ্যাক্সেস করা হয়েছে এবং ফলাফল আউটপুটে দেখানো হয়েছে।

<html> <body> <script> 
  let person = {name: "Nani", age: 25}; 
  let {name, age} = person; 
  document.write(name); 
  document.write("<br>"); 
  document.write(age); 
</script> </body> </html>

আউটপুট

Nani 25
  1. জাভাস্ক্রিপ্টে Mixins

  2. জাভাস্ক্রিপ্ট ArrayBuffer অবজেক্ট

  3. জাভাস্ক্রিপ্ট Proxy() অবজেক্ট

  4. জাভাস্ক্রিপ্ট অবজেক্ট মেথড