JavaScript Map Methods

Map முறைகள் மற்றும் பண்புகள்

Map முறைகள்

new Map()

புதிய Map உருவாக்குகிறது

கட்டமைப்பாளர்
get()

விசையின் மதிப்பைப் பெறுகிறது

முறை
set()

உறுப்புகளைச் சேர்க்கிறது/மாற்றுகிறது

முறை
size

உறுப்புகளின் எண்ணிக்கை

பண்பு
delete()

உறுப்பை அகற்றுகிறது

முறை
clear()

அனைத்து உறுப்புகளையும் அகற்றுகிறது

முறை
has()

விசை உள்ளதா எனச் சரிபார்க்கிறது

முறை
forEach()

ஒவ்வொரு ஜோடிக்கும் callback அழைக்கிறது

முறை
entries()

[விசை, மதிப்பு] ஜோடிகளைத் தருகிறது

முறை
keys()

விசைகளைத் தருகிறது

முறை
values()

மதிப்புகளைத் தருகிறது

முறை

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 அம்சமாகும்.

பொருள்கள் → மதிப்புகள்

{name: 'Apples'}
→ 500
{name: 'Bananas'}
→ 300
{name: 'Oranges'}
→ 200

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 இல் உள்ள உறுப்புகளின் எண்ணிக்கையைத் தர எந்த பண்பு பயன்படுத்தப்படலாம்?

length
✗ தவறு! length வரிசைகளுக்கான பண்பு, Maps க்கு அல்ல
size
✓ சரி! size பண்பு Map இல் உள்ள உறுப்புகளின் எண்ணிக்கையைத் தரும்
count
✗ தவறு! Map இல் count என்ற பண்பு இல்லை
numberOf
✗ தவறு! Map இல் numberOf என்ற பண்பு இல்லை

மேலும் அறிய

Map Methods பற்றிய மேலும் விரிவான தகவலுக்கு:

JavaScript Maps

Maps அறிமுகம் மற்றும் அடிப்படைகள்

JavaScript Weak Maps

WeakMap மற்றும் அதன் பயன்பாடுகள்

JavaScript Map Reference

முழுமையான Map குறிப்பு

JavaScript Sets

Sets அறிமுகம் மற்றும் அடிப்படைகள்