Map முறைகள்
புதிய Map உருவாக்குகிறது
கட்டமைப்பாளர்விசையின் மதிப்பைப் பெறுகிறது
முறைஉறுப்புகளைச் சேர்க்கிறது/மாற்றுகிறது
முறைஉறுப்புகளின் எண்ணிக்கை
பண்புஉறுப்பை அகற்றுகிறது
முறைஅனைத்து உறுப்புகளையும் அகற்றுகிறது
முறைவிசை உள்ளதா எனச் சரிபார்க்கிறது
முறைஒவ்வொரு ஜோடிக்கும் callback அழைக்கிறது
முறை[விசை, மதிப்பு] ஜோடிகளைத் தருகிறது
முறைவிசைகளைத் தருகிறது
முறைமதிப்புகளைத் தருகிறது
முறைnew Map() முறை
வரிசையை new Map() கட்டமைப்பாளருக்கு அனுப்புவதன் மூலம் நீங்கள் ஒரு Map உருவாக்கலாம்:
Example
// Map உருவாக்கு
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Map.get()
get() முறையைப் பயன்படுத்தி ஒரு Map இல் உள்ள ஒரு விசையின் மதிப்பைப் பெறலாம்:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.get("apples"); // 500 தரும்
Map.set()
set() முறையைப் பயன்படுத்தி ஒரு Map க்கு உறுப்புகளைச் சேர்க்கலாம்:
Example
// Map உருவாக்கு
const fruits = new Map();
// Map மதிப்புகளை அமை
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
set() முறையை ஏற்கனவே உள்ள Map மதிப்புகளை மாற்றவும் பயன்படுத்தலாம்:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.set("apples", 1000); // "apples" இன் மதிப்பை 500 இலிருந்து 1000 ஆக மாற்றுகிறது
Map.size
size பண்பு ஒரு Map இல் உள்ள உறுப்புகளின் எண்ணிக்கையைத் தரும்:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.size; // 3 தரும்
Map.delete()
delete() முறை ஒரு Map உறுப்பை அகற்றுகிறது:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.delete("apples"); // "apples" ஐ அகற்றுகிறது
Map.clear()
clear() முறை Map இலிருந்து அனைத்து உறுப்புகளையும் அகற்றுகிறது:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.clear(); // அனைத்து உறுப்புகளையும் அகற்றுகிறது
Map.has()
has() முறை ஒரு விசை Map இல் இருந்தால் true தரும்:
Example
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
fruits.has("apples"); // true தரும்
fruits.has("grapes"); // false தரும்
Try This:
fruits.delete("apples");
fruits.has("apples"); // இப்போது false தரும்
Map.forEach()
forEach() முறை ஒரு Map இல் உள்ள ஒவ்வொரு விசை/மதிப்பு ஜோடிக்கும் ஒரு callback அழைக்கிறது:
Example
// அனைத்து உள்ளீடுகளையும் பட்டியலிடு
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value + '\n';
})
மறு செய்கை முறைகள்
Map.entries()
// அனைத்து உள்ளீடுகளையும் பட்டியலிடு
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Map.keys()
// அனைத்து விசைகளையும் பட்டியலிடு
let text = "";
for (const x of fruits.keys()) {
text += x;
}
Map.values()
// அனைத்து மதிப்புகளையும் பட்டியலிடு
let text = "";
for (const x of fruits.values()) {
text += x;
}
நீங்கள் மதிப்புகளின் கூட்டுத்தொகையைக் கண்டறிய values() முறையைப் பயன்படுத்தலாம்:
Example
// அனைத்து மதிப்புகளின் கூட்டுத்தொகை
let total = 0;
for (const x of fruits.values()) {
total += x;
}
பொருள்களை விசைகளாகப் பயன்படுத்துதல்
பொருள்களை விசைகளாகப் பயன்படுத்த முடிவது ஒரு முக்கியமான Map அம்சமாகும்.
பொருள்கள் → மதிப்புகள்
Example
// பொருள்களை உருவாக்கு
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 தரும்
fruits.get(apples); // 500 தரும்
JavaScript Map.groupBy()
ES2024 JavaScript க்கு Map.groupBy() முறையைச் சேர்த்தது.
Map.groupBy() முறை ஒரு callback செயல்பாட்டிலிருந்து திரும்பிய சர மதிப்புகளுக்கு ஏற்ப ஒரு பொருளின் உறுப்புகளைக் குழுக்களாக அமைக்கிறது.
Map.groupBy() முறை அசல் பொருளை மாற்றாது.
Example
// வரிசையை உருவாக்கு
const fruits = [
{name:"apples", quantity:300},
{name:"bananas", quantity:500},
{name:"oranges", quantity:200},
{name:"kiwi", quantity:150}
];
// உறுப்புகளைக் குழுவாக்க callback செயல்பாடு
function myCallback({ quantity }) {
return quantity > 200 ? "ok" : "low";
}
// அளவைப் பொறுத்து குழுவாக்கு
const result = Map.groupBy(fruits, myCallback);
Object.groupBy()
உறுப்புகளை JavaScript பொருளாகக் குழுக்களாக அமைக்கிறது
const result = Object.groupBy(fruits, myCallback);
Map.groupBy()
உறுப்புகளை Map பொருளாகக் குழுக்களாக அமைக்கிறது
const result = Map.groupBy(fruits, myCallback);
எச்சரிக்கை:
ES2024 அம்சங்கள் ஒப்பீட்டளவில் புதியவை.
பழைய உலாவிகளுக்கு மாற்று குறியீடு (Polyfill) தேவைப்படலாம்.
உலாவி ஆதரவு
Map.groupBy() ஒரு ES2024 அம்சமாகும்.
JavaScript 2024 மார்ச் 2024 முதல் புதிய உலாவிகளில் ஆதரிக்கப்படுகிறது:
| உலாவி | பதிப்பு | வெளியீட்டு தேதி |
|---|---|---|
| Chrome | 117 | Sep 2023 |
| Edge | 117 | Sep 2023 |
| Firefox | 119 | Oct 2023 |
| Safari | 17.4 | Oct 2024 |
| Opera | 103 | May 2023 |
Map Methods பயிற்சி
JavaScript Map முறைகளைப் புரிந்துகொள்வதை இந்த பயிற்சி சோதிக்கிறது.
Map இல் உள்ள உறுப்புகளின் எண்ணிக்கையைத் தர எந்த பண்பு பயன்படுத்தப்படலாம்?
மேலும் அறிய
Map Methods பற்றிய மேலும் விரிவான தகவலுக்கு:
JavaScript Maps
Maps அறிமுகம் மற்றும் அடிப்படைகள்
JavaScript Weak Maps
WeakMap மற்றும் அதன் பயன்பாடுகள்
JavaScript Map Reference
முழுமையான Map குறிப்பு
JavaScript Sets
Sets அறிமுகம் மற்றும் அடிப்படைகள்