মানচিত্র বস্তু
একটি জাভাস্ক্রিপ্ট মানচিত্র হল একটি বস্তু যা অন্যান্য প্রোগ্রামিং ভাষার অভিধানের মতো কী-মান জোড়ার সংগ্রহ সংরক্ষণ করতে পারে।
মানচিত্র ভিজ্যুয়ালাইজেশন
কী → মান জোড়া
মূল পার্থক্য:
মানচিত্র স্ট্যাটিক অবজেক্ট থেকে আলাদা কারণ কী যেকোন ডাটা টাইপের হতে পারে (স্ট্রিং, সংখ্যা, অবজেক্ট ইত্যাদি)।
মানচিত্র বৈশিষ্ট্য
মূল প্রকার
মানচিত্র কী যেকোনো ধরনের হতে পারে (স্ট্রিং, সংখ্যা, বস্তু ইত্যাদি)।
ক্রম যোগ করা হচ্ছে
মানচিত্র কীগুলির মূল সন্নিবেশের ক্রম মনে রাখে।
আকার
ম্যাপে আইটেম সংখ্যা সহজেই আকার বৈশিষ্ট্য ব্যবহার করে প্রাপ্ত করা হয়.
কর্মক্ষমতা
মানচিত্র ঘন ঘন যোগ এবং কী-মান জোড়া অপসারণের জন্য অপ্টিমাইজ করা হয়.
পুনরাবৃত্তি
মানচিত্রগুলি পুনরাবৃত্তিযোগ্য, যা সরাসরি পদ্ধতিগুলি যেমন for...of loops বা forEach() ব্যবহারের অনুমতি দেয়।
পুনরাবৃত্তি ক্রম
মূল ক্রমটি পুনরাবৃত্তির সময় সংরক্ষিত হয়।
দ্রষ্টব্য:
মানচিত্র উভয় বস্তু (স্বতন্ত্র কী/মান সেট) এবং অ্যারে (মানগুলির ক্রমানুসারে সেট) এর সাথে মিলে যায়।
কিন্তু আপনি যদি ঘনিষ্ঠভাবে দেখেন, মানচিত্রগুলি বস্তুর সাথে খুব মিল।
কিভাবে একটি মানচিত্র তৈরি করতে হয়
আপনি নিম্নলিখিত উপায়ে একটি জাভাস্ক্রিপ্ট মানচিত্র তৈরি করতে পারেন:
Method 1
একটি নতুন মানচিত্র তৈরি করুন এবং Map.set() এর মাধ্যমে উপাদান যোগ করুন
const fruits = new Map();
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Method 2
নতুন Map() কনস্ট্রাক্টরের কাছে একটি বিদ্যমান অ্যারে পাস করা হচ্ছে
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
মানচিত্র মান যোগ করা হচ্ছে
আপনি set() পদ্ধতি ব্যবহার করে একটি মানচিত্রে উপাদান যোগ করতে পারেন:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.set("mangos", 100);
মানচিত্র মান পরিবর্তন
সেট() পদ্ধতিটি বিদ্যমান মানচিত্রের মানগুলি সংশোধন করতে ব্যবহার করা যেতে পারে:
Example
const fruits = নতুন মানচিত্র([ ["আপেল", 500], ["কলা", 300], ["কমলা", 200] ]); fruits.set("আপেল", 200); // "আপেল" এর মান 500 থেকে 200 এ পরিবর্তন করে
get() পদ্ধতি
get() পদ্ধতি একটি মানচিত্রে একটি কী এর মান পুনরুদ্ধার করে:
Example
const fruits = নতুন মানচিত্র([ ["আপেল", 500], ["কলা", 300], ["কমলা", 200] ]); fruits.get("আপেল"); // রিটার্ন 500 fruits.get("কলা"); // রিটার্ন 300 fruits.get("কমলা"); // রিটার্ন 200
মানচিত্র বস্তু
জাভাস্ক্রিপ্টে, মানচিত্র বস্তুগুলি হল:
typeof
const fruits = নতুন মানচিত্র([ ["আপেল", 500], ["কলা", 300], ["কমলা", 200] ]); ফলের প্রকার; // "অবজেক্ট" প্রদান করে।
instanceof
const fruits = নতুন মানচিত্র([ ["আপেল", 500], ["কলা", 300], ["কমলা", 200] ]); মানচিত্রের ফলের উদাহরণ; // সত্য ফেরত দেয়
জাভাস্ক্রিপ্ট অবজেক্ট বনাম মানচিত্র
জাভাস্ক্রিপ্ট অবজেক্ট এবং মানচিত্রের মধ্যে পার্থক্য:
| বৈশিষ্ট্য | অর্থ | Map |
|---|---|---|
| পুনরাবৃত্তি | সরাসরি পুনরাবৃত্তি করতে পারে না | সরাসরি পুনরাবৃত্তিযোগ্য |
| আকার | কোন আকার বৈশিষ্ট্য নেই | একটি আকার বৈশিষ্ট্য আছে |
| মূল প্রকার | কীগুলি অবশ্যই স্ট্রিং (বা প্রতীক) হতে হবে। | কী যে কোনো ডাটা টাইপের হতে পারে |
| কী ক্রম | কীগুলি ভালভাবে সাজানো হয় না | কীগুলি অতিরিক্ত ক্রম অনুসারে সাজানো হয় |
| ডিফল্ট কী | ডিফল্ট কী আছে | কোন ডিফল্ট কী নেই |
মূল পার্থক্য:
মানচিত্র কী যেকোন ডেটা টাইপের হতে পারে, যখন অবজেক্ট কী শুধুমাত্র স্ট্রিং বা প্রতীক হতে পারে।
মানচিত্র প্রশিক্ষণ
এই টিউটোরিয়ালটি জাভাস্ক্রিপ্ট মানচিত্রের মৌলিক ধারণা সম্পর্কে আপনার বোঝার পরীক্ষা করে।
মানচিত্রে উপাদান যোগ করতে কোন পদ্ধতি ব্যবহার করা যেতে পারে?
আরও জানুন
মানচিত্র সম্পর্কে আরো বিস্তারিত তথ্যের জন্য:
JavaScript Map Methods
মানচিত্র পদ্ধতি এবং বৈশিষ্ট্য
JavaScript Weak Maps
WeakMap এবং এর অ্যাপ্লিকেশন
JavaScript Map Reference
সম্পূর্ণ মানচিত্র রেফারেন্স
JavaScript Sets
সেট এবং বেসিকের ভূমিকা
ব্রাউজার সমর্থন
মানচিত্র একটি ES6 বৈশিষ্ট্য।
জুন 2017 পর্যন্ত সমস্ত আধুনিক ব্রাউজারে ES6 সম্পূর্ণরূপে সমর্থিত:
| ব্রাউজার | সংস্করণ | মুক্তির তারিখ |
|---|---|---|
| Chrome | 51 | May 2016 |
| Edge | 15 | Apr 2017 |
| Firefox | 54 | Jun 2017 |
| Safari | 10 | Sep 2016 |
| Opera | 38 | Jun 2016 |