JavaScript Bangla Tutorial-73 : Destructuring Array And Objects
ডিস্ট্রাকচারিং হলো একটি কৌশল যা আপনাকে অ্যারে এবং অবজেক্ট থেকে মানগুলি আসক্ত এবং তাদের ভেরিয়েবলগুলির মধ্যে বর্গীকরণযুক্ত এবং মনোযোগযোগ্য উপায়ে মুক্ত করতে দেয়। এই টিউটোরিয়ালটির শীর্ষক হতে শুরু করা যাক "জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল-73 : অ্যারে এবং অবজেক্ট ডিস্ট্রাকচারিং - মৌলিক পরিচিতি"।
JavaScript Bangla Tutorial-73 : Destructuring Array And Objects
ডিস্ট্রাকচারিং হলো একটি কৌশল যা আপনাকে অ্যারে এবং অবজেক্ট থেকে মানগুলি আসক্ত এবং তাদের ভেরিয়েবলগুলির মধ্যে বর্গীকরণযুক্ত এবং মনোযোগযোগ্য উপায়ে মুক্ত করতে দেয়। এই টিউটোরিয়ালটির শীর্ষক হতে শুরু করা যাক "জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল-73 : অ্যারে এবং অবজেক্ট ডিস্ট্রাকচারিং - মৌলিক পরিচিতি"।
কেন ডিস্ট্রাকচারিং ব্যবহার করা হয়?
ডিস্ট্রাকচারিং অনেকগুলি সুবিধা অনুগ্রহ করে:
- স্পষ্টতা: অ্যারে বা অবজেক্টের উপাদানগুলির উপর অ্যাক্সেস করার স্থানে, ডিস্ট্রাকচারিং স্পষ্ট সিনট্যাক্স সরবরাহ করে।
- পঠনীয়তা: ডিস্ট্রাকচারিং কোডটি সংক্ষিপ্ত এবং বুঝতে সহজ করে।
- নির্বাচনমূলক উত্তোলন: আপনি শুধুমাত্র প্রয়োজন মানগুলি আউটপুট করতে পারেন, অনাপেক্ষিক পরিস্থিতিগুলি কমিয়ে যায়।
- ডিফল্ট মানগুলি: ডিস্ট্রাকচারিং অপরিস্থিত সংপ্রদান স্থিতিতে ডিফল্ট মানগুলি সমর্থন করে।
অ্যারে ডিস্ট্রাকচারিং
অ্যারেগুলি জাভাস্ক্রিপ্টের মৌলিক অংশ। অ্যারে ডিস্ট্রাকচারিং হলো অ্যারের ভেরিয়েবলগুলি উপাদানের অবস্থান দ্বারা মানগুলি উত্তোলন করা।
অ্যারে ডিস্ট্রাকচারিং এর সিনট্যাক্স
const [উপাদান1, উপাদান2, ...অবশিষ্ট] = অ্যারে;উদাহরণ: একটি অ্যারে থেকে মানগুলি উত্তোলন
const ফলমূল = ['আপেল', 'বানানা', 'অরেঞ্জ'];
const [প্রথমফল, দ্বিতীয়ফল] = ফলমূল;
console.log(প্রথমফল); // আউটপুট: 'আপেল'
console.log(দ্বিতীয়ফল); // আউটপুট: 'বানানা'জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল-73: অ্যারে এবং অবজেক্ট ডিস্ট্রাকচারিং - অবজেক্ট উত্তোলন
যখন অ্যারেগুলি অনুক্রমিক সংগ্রহ, অবজেক্টগুলি হল কী-মান-জোড়াদি। অবজেক্ট ডিস্ট্রাকচারিং হলো অবজেক্টের সম্পত্তির নামে ভিত্তি করে মানগুলি উত্তোলন করা।
অবজেক্ট ডিস্ট্রাকচারিং এর সিনট্যাক্স
const { প্রপার্টি1, প্রপার্টি2, ...অবশিষ্ট } = অবজেক্ট;উদাহরণ: একটি অবজেক্ট থেকে মানগুলি উত্তোলন
const ব্যক্তি = { নাম: 'জন', বয়স: 30, পেশা: 'ডেভেলপার' };
const { নাম, বয়স } = ব্যক্তি;
console.log(নাম); // আউটপুট: 'জন'
console.log(বয়স); // আউটপুট: 30ডিস্ট্রাকচারিং প্রযুক্তির গভীর অনুশন্ধান
জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল-73 : অ্যারে এবং অবজেক্ট ডিস্ট্রাকচারিং এ অনেকগুলি উন্নত প্রযুক্তি উপস্থাপন করে যা দ্রুত উত্তোলনের জন্য।
ভ্যারিয়েবল নাম পরিবর্তন করা সময়
আপনি ডিস্ট্রাকচারিং এর মাধ্যমে পুনরায় ভেরিয়েবলগুলির উপর মানগুলি নামাতে ভিন্ন নামে ভেরিয়েবলগুলির মানগুলি নির্দিষ্ট করতে পারেন।
ভ্যারিয়েবল পুনাম এর সিনট্যাক্স
const { মূলনাম: নতুননাম } = অবজেক্ট;উদাহরণ: ভ্যারিয়েবল পুনাম করা
ডিস্ট্রাকচারিং সময় গোপনীয়তা গুলি অবশিষ্ট
আপনি শুধুমাত্র নির্দিষ্ট বৈশিষ্ট্যগুলির জন্য আগ্রহী থাকলে, অন্যবৈশিষ্ট্যগুলি কাটা সম্ভব যা কোমা ব্যবহার করে।
স্যাক্স অবশিষ্ট এর সিনট্যাক্স
const { প্রপার্টি1, , প্রপার্টি3 } = অবজেক্ট;উদাহরণ: স্যাক্স বৈশিষ্ট্য
const সমন্বয় = { x: 10, y: 20, z: 15 };
const { x, , z } = সমন্বয়;
console.log(x); // আউটপুট: 10
console.log(z); // আউটপুট: 15বাকি অবশিষ্ট প্রযুক্তির সাথে ডিস্ট্রাকচারিং সংমিশ্রণ করা
বাকি অবশিষ্ট প্রযুক্তি আপনাকে অবশিষ্ট প্রযুক্তির বাকি বৈশিষ্ট্যগুলি নতুন অবজেক্ট বা অ্যারে তৈরি করার জন্য অনুমতি দেয়।
বাকি অবশিষ্ট প্রযুক্তির সিনট্যাক্স ডিস্ট্রাকচারিং এ
const { প্রপার্টি1, প্রপার্টি2, ...বাকি } = অবজেক্ট;উদাহরণ: বাকি অবশিষ্ট প্রযুক্তি ব্যবহার
const বিশদ = { নাম: 'জেন', বয়স: 25, দেশ: 'মার্কিন যুক্তরাষ্ট্র', পেশা: 'ডিজাইনার' };
const { নাম, বয়স, ...তথ্য } = বিশদ;
console.log(নাম); // আউটপুট: 'জেন'
console.log(তথ্য); // আউটপুট: { দেশ: 'মার্কিন যুক্তরাষ্ট্র', পেশা: 'ডিজাইনার' }JavaScript Bangla Tutorial-73 : Destructuring Array And Objects
Frequently Asked Questions (FAQs)
উ: ডিস্ট্রাকচারিং হলো অ্যারে বা অবজেক্টের উপাদানগুলির মানগুলি উত্তোলন করার প্রযুক্তি। এটি কোড লেখার এবং সংরক্ষণ করার উপায় হিসেবে ব্যবহার করা হয় যাতে সাধারণ ও স্পষ্ট কোড লেখা যায়।
উ: ডিস্ট্রাকচারিং একটি প্রযুক্তি তার নিজস্ব সীমাবদ্ধতা সহ আসল জাভাস্ক্রিপ্ট ল্যাঙ্গুয়েজ ব্যবহার করে। তবে, এটি সিকিউর নয় যতটুকু আপনি যত্ন নেন।
উ: ডিস্ট্রাকচারিং সময় যদি কোনও বৈশিষ্ট্যের মান অপরিভাষ্ট হয়, তবে আপনি ডিফল্ট মান নির্ধারণ করতে পারেন।
উ: না, ডিস্ট্রাকচারিং মাত্র কিছু নির্দিষ্ট সমস্যাগুলি সমাধান করতে ব্যবহার করা হতে পারে।
JavaScript Bangla Tutorial-73 : Destructuring Array And Objects
সমাপ্তি:
এই জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল-73 এ, আমরা অ্যারে এবং অবজেক্ট ডিস্ট্রাকচারিং এর মৌলিক প্রধান বিষয়গুলি বিবেচনা করেছি। আমরা ডিস্ট্রাকচারিং প্রযুক্তিটির সাথে সম্পর্কিত কিছু উদাহরণ দেখেছি এবং কীভাবে এটি কোড নির্মাণে সাহায্য করতে পারে সেই সহযোগিতা প্রদান করেছি। এখানে আমরা ডিস্ট্রাকচারিং প্রযুক্তি ব্যবহার করে কোড সহজ করার উপায়ে কিভাবে সাহায্য করতে পারি তা দেখেছি।
