Map Methods

🔹 1. ()new Map

ساخت یک Map جدید.

const map1 = new Map();
const map2 = new Map([
  ["name", "Ali"],
  ["age", 25]
]);
console.log(map2); 
// Map(2) {"name" => "Ali", "age" => 25}

🔹 2. set(key, value)

برای افزودن یا تغییر مقدار یک کلید.

const user = new Map();
user.set("name", "Sara");
user.set("age", 30);
user.set("age", 35); // مقدار جدید جایگزین قبلی می‌شود
console.log(user);
// Map(2) {"name" => "Sara", "age" => 35}

🔹 3. get(key)

مقدار کلید مشخص رو برمی‌گردونه.

console.log(user.get("name")); // "Sara"
console.log(user.get("job"));  // undefined

🔹 4. has(key)

بررسی می‌کنه که کلید مورد نظر وجود داره یا نه.

console.log(user.has("age"));   // true
console.log(user.has("salary")); // false

🔹 5. delete(key)

حذف یک مقدار بر اساس کلید.

user.delete("age");
console.log(user.has("age")); // false

🔹 6. ()clear

پاک کردن همه‌ی مقادیر داخل Map.

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

🔹 7. size

تعداد عناصر موجود در Map رو برمی‌گردونه.

const fruits = new Map([
  ["apple", 10],
  ["banana", 20],
  ["orange", 30]
]);
console.log(fruits.size); // 3

🔹 8. forEach(callback)

اجرا کردن یک تابع روی همه‌ی عناصر Map.

fruits.forEach((value, key) => {
  console.log(key, ":", value);
});
/*
apple : 10
banana : 20
orange : 30
*/

🔹 9. ()keys, ()values, ()entries

برای گرفتن کلیدها، مقادیر و هر دو.

console.log([...fruits.keys()]);   
// ["apple", "banana", "orange"]

console.log([...fruits.values()]); 
// [10, 20, 30]

console.log([...fruits.entries()]); 
// [["apple", 10], ["banana", 20], ["orange", 30]]

🎯 تمرین – نمونه کامل در HTML

html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript Map Methodstitle>
head>
<body>
  <h2>JavaScript Map Methodsh2>
  <pre id="output">pre>

  <script>
    const output = document.getElementById("output");

    const map = new Map();

    // set
    map.set("name", "Ali");
    map.set("age", 25);
    map.set("isAdmin", true);

    // get + has
    output.innerText += "name: " + map.get("name") + "\n";
    output.innerText += "has age? " + map.has("age") + "\n";

    // size
    output.innerText += "size: " + map.size + "\n\n";

    // forEach
    map.forEach((value, key) => {
      output.innerText += key + " => " + value + "\n";
    });

    // keys, values, entries
    output.innerText += "\nKeys: " + JSON.stringify([...map.keys()]) + "\n";
    output.innerText += "Values: " + JSON.stringify([...map.values()]) + "\n";
    output.innerText += "Entries: " + JSON.stringify([...map.entries()]) + "\n";

    // delete
    map.delete("age");
    output.innerText += "\nAfter delete age, size: " + map.size + "\n";

    // clear
    map.clear();
    output.innerText += "After clear, size: " + map.size + "\n";
  script>
body>
html>

📌 جمع‌بندی

  • ()set → افزودن یا تغییر مقدار

  • ()get → گرفتن مقدار کلید

  • ()has → بررسی وجود کلید

  • ()delete → حذف کلید

  • ()clear → خالی کردن همه داده‌ها

  • size → تعداد عناصر

  • ()forEach → پیمایش

  • ()keys, ()values, ()entries → گرفتن کلیدها، مقادیر یا هر دو