JavaScript Map 方法

new Map() మాదిరిగా ఉపయోగించండి

క్రమంగా నూతన 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() మాదిరిగా తిరిగి ఉంది:

సందర్భం

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 年 3 月起，新浏览器均支持该特性：

Object.groupBy() మరియు Map.groupBy() తేడా

Object.groupBy() మరియు Map.groupBy() తేడా ఉంది:

Object.groupBy() జావాస్క్రిప్ట్ ఆబ్జెక్ట్ లో అంగామాలను గుంపుచేయండి.

Map.groupBy() మెప్ ఆబ్జెక్ట్ లో అంగామాలను గుంపుచేయండి.

పూర్తి Map పరిచయం

పూర్తి పరిచయానికి మా పరిచయం సందర్శించండి:జావాస్క్రిప్ట్ మాప్ పరిచయము.

ఈ పరిచయం అన్ని Map అనితికి మరియు మాదిరికి నిర్వచనాలు మరియు ఉదాహరణలను కలిగి ఉంటుంది.