جاوا اسکریپت ماپ طریق

new Map() ਮੰਥਾ

ਇੱਕ ਮੈਪ ਬਣਾਉਣ ਲਈ ਇੱਕ ਅਰਰੇ ਨੂੰ ਪਾਸ ਕਰਕੇ new Map() ਕਨਸਟਰਕਟਰ ਨਾਲ ਮੈਪ ਬਣਾਉਣਾ ਹੈ:

ਮਾਡਲ

// ਇੱਕ Map ਬਣਾਓ
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

آزمایش کنید

Map.get()

ਮੰਥਨ ਦਾ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਸਨ: get() ਮੰਥਾ ਮੈਪ ਵਿੱਚ ਕੀ ਦਾ ਵੈਲਿਊ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ:

ਮਾਡਲ

fruits.get("apples");

آزمایش کنید

Map.set()

ਮੰਥਨ ਦਾ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਸਨ: set() ਮੰਥਾ ਮੈਪ ਵਿੱਚ ਐਲੀਮੈਂਟ ਜੋੜ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

// ਇੱਕ Map ਬਣਾਓ
const fruits = new Map();
// ਮੈਪ ਵੈਲਿਊ ਸੈਟ ਕਰੋ
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

آزمایش کنید

set() ਮੰਥਾ ਵੀ ਮੌਜੂਦਾ ਮੈਪ ਵੈਲਿਊ ਨੂੰ ਬਦਲ ਸਕਦਾ ਹੈ:

ਮਾਡਲ

fruits.set("apples", 500);

آزمایش کنید

Map.size

size ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਮੈਪ ਵਿੱਚ ਐਲੀਮੈਂਟਾਂ ਦੀ ਗਿਣਤੀ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

fruits.size;

آزمایش کنید

Map.delete()

delete() ਮੰਥਾ ਮੈਪ ਵਿੱਚ ਇੱਕ ਐਲੀਮੈਂਟ ਹਟਾ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

fruits.delete("apples");

آزمایش کنید

Map.clear()

clear() ਮੰਥਾ ਮੈਪ ਵਿੱਚ ਸਾਰੇ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

fruits.clear();

آزمایش کنید

Map.has()

ਜੇਕਰ ਮੈਪ ਵਿੱਚ ਕੋਈ ਕੀ ਮੌਜੂਦ ਹੈ ਤਾਂhas() ਮੰਥਾ ਵਾਪਸ true ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

fruits.has("apples");

آزمایش کنید

ਕੋਸ਼ਿਸ਼ ਕਰੋ ਇਹ ਕੋਡ:

fruits.delete("apples");
fruits.has("apples");

آزمایش کنید

Map.forEach()

forEach() ਮੰਥਾ ਮੈਪ ਵਿੱਚ ਹਰ ਕੀ-ਵੈਲਿਊ ਜੋੜੇ ਲਈ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਚਲਾਉਂਦਾ ਹੈ:

ਮਾਡਲ

// ਸਾਰੇ ਐਂਟਰੀਆਂ ਦੀ ਸੂਚੀ ਦਿੰਦਾ ਹੈ
let text = "";
fruits.forEach(function(value, key) {
  text += key + ' = ' + value;
});

آزمایش کنید

Map.entries()

entries() ਮੰਥਾ ਇੱਕ ਮੈਪ ਵਿੱਚ [key, value] ਤਬਦੀਲੀ ਵਾਲੇ ਆਬਜਦ ਦਾ ਆਯਾਮ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

// ਸਾਰੇ ਐਂਟਰੀਆਂ ਦੀ ਸੂਚੀ ਦਿੰਦਾ ਹੈ
let text = "";
for (const x of fruits.entries()) {
  text += x;
}

آزمایش کنید

Map.keys()

keys() ਮੰਥਾ ਇੱਕ ਮੈਪ ਵਿੱਚ ਕੀਆਂ ਦੇ ਇੱਕ ਤਬਦੀਲੀ ਵਾਲੇ ਆਬਜਦ ਦਾ ਆਯਾਮ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਮਾਡਲ

// ਸਾਰੇ ਕੀਆਂ ਦੀ ਸੂਚੀ ਦਿੰਦਾ ਹੈ
let text = "";
for (const x of fruits.keys()) {
  text += x;
}

آزمایش کنید

Map.values()

values() ਮੰਥਨ ਮੰਡਾਲ ਵਿੱਚ ਦਾਣਾਂ ਦੇ ਮੁੱਲਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਵਾਲੀ ਇੱਕ ਮੰਡਾਲ ਮੁੱਲ ਵਾਲੀ ਇੱਕ ਸ਼੍ਰੇਣੀ ਮਿਲਦੀ ਹੈ:

ਮਾਡਲ

// ਸਾਰੇ ਮੁੱਲਾਂ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰੋ
let text = "";
for (const x of fruits.values()) {
  text += x;
}

آزمایش کنید

ਮੰਥਨ ਦਾ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਸਨ: values() ਮੰਥਨ ਮੰਥਨ ਮੰਡਾਲ ਵਿੱਚ ਦਾਣਾਂ ਦੀ ਕੁੱਲ ਮਾਤਰਾ ਜੋੜਦਾ ਹੈ:

ਮਾਡਲ

// ਸਾਰੇ ਮੁੱਲਾਂ ਦੀ ਕੁੱਲ ਮਾਤਰਾ ਜੋੜੋ
let total = 0;
for (const x of fruits.values()) {
  total += x;
}

آزمایش کنید

ਆਪਣੇ ਆਪ ਨੂੰ ਕੀ ਕੀ ਮੁੱਲ ਵਜੋਂ ਵਰਤਣਾ

ਸੁਝਾਅ:ਮੰਥਨ ਵਿੱਚ ਆਪਣੇ ਆਪ ਨੂੰ ਕੀ ਕੀ ਮੁੱਲ ਵਜੋਂ ਵਰਤਣਾ ਸ਼ਾਇਦ Map ਦੀ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਮਾਡਲ

// ਆਪਣੇ ਆਪ ਦੇ ਆਪ ਦੇ ਆਪ ਬਣਾਓ
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// ਇੱਕ Map ਬਣਾਓ
const fruits = new Map();
// Map ਵਿੱਚ ਨਵੇਂ ਤੱਤ ਜੋੜੋ
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

آزمایش کنید

ਧਿਆਨ:ਕੀ ਕੀ ਮੁੱਲ ਹੈ ਨਹੀਂ (apples) ਬਲਕਿ ਸਟਰਿੰਗ ("apples") ਹੈ:

ਮਾਡਲ

fruits.get("apples"); // undefined ਵਾਲੀ ਤਰਾਂ ਮਿਲਦੀ ਹੈ

آزمایش کنید

JavaScript Map.groupBy()

ES2024 ਨੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ Map.groupBy() ਮੰਥਨ

Map.groupBy() ਮੰਥਨ ਕੰਬੇਕਸ਼ਨ ਫੰਕਸ਼ਨ ਵਾਲੀ ਸਟਰਿੰਗ ਮੁੱਲ ਦੇ ਅਧਾਰ 'ਤੇ ਆਪਣੇ ਮੰਡਾਲ ਦੇ ਤੱਤਾਂ ਨੂੰ ਗਰੁੱਪ ਬਣਾਉਂਦਾ ਹੈ。

Map.groupBy() ਮੰਥਨ ਮੰਥਨ ਹੋਰ ਆਪਣੇ ਮੂਲ ਆਪਣੇ ਬਦਲ ਨਹੀਂ ਕਰਦਾ。

ਮਾਡਲ

// ਇੱਕ ਮੰਡਾਲ ਬਣਾਓ
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// ਗਰੁੱਪ ਬਣਾਉਣ ਲਈ ਕੰਬੇਕਸ਼ਨ ਫੰਕਸ਼ਨ
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// ਮਾਤਰਾ ਦੇ ਅਧਾਰ 'ਤੇ ਗਰੁੱਪ ਬਣਾਓ
const result = Map.groupBy(fruits, myCallback);

آزمایش کنید

پشتیبانی مرورگر

Map.groupBy() این ویژگی بخشی از ES2024 است.

از مارس 2024، تمام مرورگرهای جدید این ویژگی را پشتیبانی می‌کنند:

تفاوت بین Object.groupBy() و Map.groupBy()

Object.groupBy() و Map.groupBy() تفاوت در:

Object.groupBy() عناصر را به اشیاء JavaScript گروه‌بندی کنید.

Map.groupBy() عناصر را به Map اشیاء گروه‌بندی کنید.

کتابخانه کامل Map

برای دسترسی به منابع کامل، لطفاً به:JavaScript Map 参考.

این کتابخانه شامل توضیحات و مثال‌های تمام ویژگی‌ها و روش‌های Map است.