الخريطة في JavaScript عبارة عن مجموعة من أزواج القيمة الرئيسية حيث يمكن أن تكون المفاتيح من أي نوع. ويحتفظ بترتيب الإدراج، مما يعني تكرار العناصر بترتيب إضافتها.

الخصائص الرئيسية للخريطة؛

1. مفاتيح فريدة: كل مفتاح في الخريطة فريد من نوعه.
2. أي نوع بيانات للمفاتيح: على عكس الكائنات، يمكن أن تكون المفاتيح من أي نوع بيانات، بما في ذلك الوظائف أو الكائنات أو أي نوع بدائي.
3. قابل للتكرار: يمكنك التكرار على المفاتيح أو القيم أو إدخالات الخريطة.

العمليات الأساسية

إنشاء خريطة

let funnyMap = new Map();

إضافة عناصر إلى الخريطة

funnyMap.set('a', 1); // string key
funnyMap.set(2, 'two'); // number key
funnyMap.set(true, 'yes'); // boolean key
funnyMap.set({name: 'obj'}, 'object'); // object key

// Funny example
funnyMap.set('knock-knock', 'who’s there?');

الحصول على القيم من الخريطة

console.log(funnyMap.get('a')); // 1
console.log(funnyMap.get(2)); // two
console.log(funnyMap.get(true)); // yes

// Funny example
console.log(funnyMap.get('knock-knock')); // who’s there?

التحقق من وجود مفتاح

console.log(funnyMap.has('a')); // true
console.log(funnyMap.has(42)); // false

// Funny example
console.log(funnyMap.has('chicken')); // false (It crossed the road)

إزالة عنصر

funnyMap.delete('a');
console.log(funnyMap.has('a')); // false

// Funny example
funnyMap.delete('knock-knock');
console.log(funnyMap.get('knock-knock')); // undefined (No one answered)

الحصول على حجم الخريطة

console.log(funnyMap.size); // 3 after deletion

// Funny example
console.log(`The map has ${funnyMap.size} jokes left.`);

مسح الخريطة

funnyMap.clear();
console.log(funnyMap.size); // 0

// Funny example
console.log(`All jokes are cleared from the map.`);

التكرار على الخريطة

استخدام لـ...

funnyMap.set('banana', 'yellow');
funnyMap.set('apple', 'red');
funnyMap.set('grape', 'purple');

// Iterating over keys
for (let key of funnyMap.keys()) {
    console.log(`Key: ${key}`);
}

// Iterating over values
for (let value of funnyMap.values()) {
    console.log(`Value: ${value}`);
}

// Iterating over entries
for (let [key, value] of funnyMap.entries()) {
    console.log(`Key: ${key}, Value: ${value}`);
}

// Funny example
funnyMap.set('dad joke', 'What do you call fake spaghetti? An impasta!');
for (let [key, value] of funnyMap.entries()) {
    console.log(`Here’s a ${key}: ${value}`);
}

باستخدام لكل

funnyMap.forEach((value, key) => {
    console.log(`Key: ${key}, Value: ${value}`);
});

// Funny example
funnyMap.set('bad pun', 'I’m reading a book on anti-gravity. It’s impossible to put down!');
funnyMap.forEach((value, key) => {
    console.log(`Here’s a ${key}: ${value}`);
});

الاستخدامات العملية

عد الكلمات (نسخة مضحكة)

تخيل أنك تريد حساب عدد المرات التي تظهر فيها كلمات معينة في مجموعة نكتة:

let jokeText = "Why did the scarecrow win an award? Because he was outstanding in his field!";

// Splitting text into words
let words = jokeText.split(/\W /);

let wordCount = new Map();

words.forEach(word => {
    word = word.toLowerCase();
    if (wordCount.has(word)) {
        wordCount.set(word, wordCount.get(word)   1);
    } else {
        wordCount.set(word, 1);
    }
});

wordCount.forEach((count, word) => {
    console.log(`Word: ${word}, Count: ${count}`);
});

// Funny example
console.log('Word counts in our joke:');
wordCount.forEach((count, word) => {
    console.log(`"${word}": ${count} times`);
});

ملخص

الخريطة في JavaScript عبارة عن بنية بيانات متعددة الاستخدامات يمكنها الاحتفاظ بأزواج القيمة الرئيسية من أي نوع بيانات، وتوفر طرق تكرار سهلة، وتحافظ على ترتيب العناصر. إنه مفيد للسيناريوهات التي تحتاج فيها إلى إدارة مفاتيح أكثر مرونة من كائن عادي، مثل عد الكلمات في النكات أو تخزين الردود على الألغاز المختلفة.