Complete Map Reference
আপডেট তথ্য:
জুলাই 2025 আপডেট করা হয়েছে
এই রেফারেন্সটি জাভাস্ক্রিপ্ট ম্যাপ অবজেক্টের সমস্ত পদ্ধতি এবং বৈশিষ্ট্যগুলির একটি সম্পূর্ণ তালিকা প্রদান করে।
| পদ্ধতি | ব্যাখ্যা |
|---|---|
| new Map() | একটি নতুন মানচিত্র বস্তু তৈরি করে |
| clear() | মানচিত্র থেকে সমস্ত উপাদান সরিয়ে দেয় |
| delete() | একটি কী দ্বারা নির্দিষ্ট করা মানচিত্র উপাদান মুছে দেয় |
| entries() | মানচিত্রে [কী, মান] জোড়া সহ একটি রিটার্ন অবজেক্ট প্রদান করে |
| forEach() | মানচিত্রে প্রতিটি কী/মান জোড়ার জন্য একটি কলব্যাক কল করে |
| get() | মানচিত্রে একটি কী এর জন্য মান পায় |
| groupBy() | কলব্যাক প্রত্যাবর্তিত মান অনুসারে বস্তুর উপাদানগুলিকে গ্রুপে ভাগ করে |
| has() | ম্যাপে একটি কী থাকলে সত্য দেখায় |
| keys() | মানচিত্রে কী দিয়ে একটি রিটার্ন অবজেক্ট রিটার্ন করে |
| set() | মানচিত্রে একটি কী-এর মান নির্ধারণ করে |
| size | মানচিত্রের উপাদানের সংখ্যা প্রদান করে |
| values() | মানচিত্রের মানগুলির রিটার্ন অবজেক্ট প্রদান করে |
Method Categories
প্রণয়ন এবং মৌলিক কার্যাবলী
new Map(), set(), get(), has(), delete(), clear()
পুনরুদ্ধারের পদ্ধতি
keys(), values(), entries(), forEach()
তথ্য সিস্টেম
size, groupBy()
Important Methods Details
Creating and Using Maps
// একটি নতুন মানচিত্র তৈরি করুন const myMap = নতুন মানচিত্র(); // মান নির্ধারণ করা myMap.set('নাম', 'জন'); myMap.set('বয়স', 30); // মান পাওয়া console.log(myMap.get('name')); // 'জন' // চেক করে যে কী বিদ্যমান console.log(myMap.has('age')); // সত্য // উপাদান মুছে ফেলা হচ্ছে myMap.delete('বয়স'); // সব পরিষ্কার করুন myMap.clear();
Iterating Through Maps
const fruits = নতুন মানচিত্র([ ['আপেল', 500], ['কলা', 300], ['কমলা', 200] ]); // forEach() পদ্ধতি fruits.forEach((মান, কী) => { console.log(কী + ' = ' + মান); }); // entries() পদ্ধতি (const [কী, মান] of fruits.entries()) { console.log(কী, মান); } // কী() পদ্ধতি (fruts.keys()) এর জন্য (const key) { console.log(কী); } // values() পদ্ধতি for (fruts.values()) { console.log(মান); }
Map vs Object Comparison
| বৈশিষ্ট্য | Map | Object |
|---|---|---|
| মূল প্রকার | যেকোনো মান (বস্তু, ফাংশন, আদিম) | শুধুমাত্র স্ট্রিং বা প্রতীক |
| কী ক্রম | অতিরিক্ত ক্রমে সংরক্ষিত | কোনো বিশেষ ক্রমে |
| আকার | sizeবৈশিষ্ট্য দ্বারা সহজে পাওয়া যায় |
মানসিকভাবে গণনা করুন |
| পুনরুদ্ধার | সরাসরি বিপরীতমুখী | প্রথমে আপনাকে চাবি পেতে হবে |
| কর্মক্ষমতা | ঘন ঘন যোগ/মোছা অপারেশনের জন্য দুর্দান্ত | স্ট্যাটিক সেটিংসের জন্য সেরা |
Practical Examples
Example 1: User Session Management
// ব্যবহারকারীর সেশন পরিচালনা করতে মানচিত্র ব্যবহার করা const userSessions = new Map(); // যখন ব্যবহারকারী লগ ইন করেন ফাংশন userLogin(userId, sessionData) { userSessions.set(userId, { ...সেশন ডেটা, লগইন টাইম: নতুন তারিখ(), শেষ সক্রিয়: নতুন তারিখ() }); } // ব্যবহারকারী ফাংশন আপডেট করুন ফাংশন আপডেটUserActivity(userId) { যদি (userSessions.has(userId)) { const session = userSessions.get(userId); session.lastActive = নতুন তারিখ(); userSessions.set(userId, session); } } // সমস্ত সক্রিয় ব্যবহারকারী পান ফাংশন getActiveUsers() { ফিরে আসা Array.from(userSessions.entries()); } // লগ ইন করা ব্যবহারকারীর সংখ্যা console.log(userSessions.size);
Example 2: Product Inventory
// পণ্য জায় ব্যবস্থাপনা const inventory = new Map(); // পণ্য যোগ করে inventory.set('LAP001', { নাম: 'ল্যাপটপ', মূল্য: 999.99, পরিমাণ: 50}); inventory.set('PHO001', { নাম: 'স্মার্টফোন', মূল্য: 699.99, পরিমাণ: 100}); inventory.set('TAB001', { নাম: 'ট্যাবলেট', মূল্য: 399.99, পরিমাণ: 75}); // পণ্যের বিবরণ পান ফাংশন getProductInfo(productId) { return inventory.get(productId); } // সমস্ত পণ্য তালিকা ফাংশন তালিকা AllProducts() { let output = ''; inventory.forEach(( পণ্য, id) => { আউটপুট += `${id}: ${product.name} - $${product.price} (${product.quantity} স্টকে আছে)\n`; }); রিটার্ন আউটপুট; } // ভূমিকা চেক ফাংশন চেকস্টক (প্রোডাক্টআইডি, অনুরোধকৃত পরিমাণ) { const পণ্য = inventory.get(productId); যদি (! পণ্য) মিথ্যা ফেরত দেয়; পণ্য ফেরত. পরিমাণ >= অনুরোধকৃত পরিমাণ; }
Browser Support
মানচিত্র ES6 (ECMAScript 2015) এ চালু করা হয়েছিল এবং সমস্ত আধুনিক ব্রাউজারে সমর্থিত:
| ব্রাউজার | ES6 সমর্থন | দ্রষ্টব্য |
|---|---|---|
| Chrome | 51+ | মে 2016 থেকে সম্পূর্ণ সমর্থন |
| Firefox | 54+ | জুন 2017 থেকে সম্পূর্ণ সমর্থন |
| Safari | 10+ | সেপ্টেম্বর 2016 থেকে সম্পূর্ণ সমর্থন |
| Edge | 15+ | এপ্রিল 2017 থেকে সম্পূর্ণ সমর্থন |
| Opera | 38+ | জুন 2016 থেকে সম্পূর্ণ সমর্থন |
পুরানো ব্রাউজার সমর্থন:
IE11 এর মতো পুরানো ব্রাউজারগুলির জন্য, Babel এর মতো একটি অনুবাদক ES6 কোডকে পুরানো জাভাস্ক্রিপ্টে রূপান্তর করতে ব্যবহার করা যেতে পারে।
Learn More
JavaScript Maps
মানচিত্রের মূল বিষয়গুলি শিখুন
JavaScript Map Methods
মানচিত্র পদ্ধতি সম্পর্কে আরও জানুন
JavaScript Weak Maps
WeakMap সম্পর্কে জানুন
JavaScript Sets
সেট ডেটা স্ট্রাকচার শিখুন
জাভাস্ক্রিপ্ট ম্যাপ রেফারেন্স টিউটোরিয়াল
নিম্নলিখিত কোড বিবেচনা করুন:
const myMap = new Map();
myMap.set('a', 1);
myMap.set('b', 2);
myMap.set('c', 3);
myMap.delete('b');
উপরের কোড রান করার পরmyMap.sizeএর মূল্য কত?