JavaScript Array map()

परिभाषा और उपयोग

map() फ़ंक्शन को श्रेणी के हर एलिमेंट पर कॉल करने के परिणाम के लिए एक नया श्रेणी बनाता है。

map() फ़ंक्शन को श्रेणी के हर एलिमेंट पर क्रमश: एक बार कॉल किया जाता है。

टिप्पणी:map() शून्य मूल्य वाले श्रेणी के एलिमेंटों पर फ़ंक्शन नहीं चलाता है。

टिप्पणी:map() असली श्रेणी को नहीं बदलता है。

उदाहरण

उदाहरण 1

असली आयामिक श्रेणी में सभी मूल्यों के वर्गमूल के एक श्रेणी देता है:

var numbers = [4, 9, 16, 25];
var x = numbers.map(Math.sqrt);
document.getElementById("demo").innerHTML = x;

अपने आप अभ्यास करें

उदाहरण 2

तालिका के सभी मूल्यों को 10 गुणा करें

var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)
function myFunction(num) {
  return num * 10;
}
document.getElementById("demo").innerHTML = newarray;;

अपने आप अभ्यास करें

उदाहरण 3

असली तालिका के प्रत्येक एलीमेंट के पूर्ण नाम प्राप्त करें

var persons = [
  {firstname : "Malcom", lastname: "Reynolds"},
  {firstname : "Kaylee", lastname: "Frye"},
  {firstname : "Jayne", lastname: "Cobb"}

function getFullName(item) {
  var fullname = [item.firstname,item.lastname].join(" ");
  return fullname;
}
function myFunction() {
  document.getElementById("demo").innerHTML = persons.map(getFullName);
}

अपने आप अभ्यास करें

व्याकरण

array.map(function(currentValue, index, arr), thisValue)

पारामीटर मूल्य

पारामीटर वर्णन
function(currentValue, index, arr) आवश्यक। तालिका के प्रत्येक एलीमेंट पर चलाने वाला फ़ंक्शन

फ़ंक्शन पारामीटर:

पारामीटर वर्णन
currentValue आवश्यक। वर्तमान एलीमेंट का मूल्य
index वैकल्पिक। वर्तमान एलीमेंट के तालिका इंडेक्स
arr वैकल्पिक। वर्तमान एलीमेंट के आसपास का तालिका ऑब्जैक्ट
thisValue

वैकल्पिक। फ़ंक्शन को देने के लिए "this" मूल्य के रूप में पास किए जाने वाला मूल्य。

यदि इस पारामीटर रिक्त है, तो इसका "this" मूल्य "undefined" के रूप में होगा。

तकनीकी विवरण

वापसी मूल्य: एक तालिका है जो असली तालिका के प्रत्येक एलीमेंट पर दिए गए फ़ंक्शन के परिणाम को शामिल करती है。
जेसक्रिप्ट संस्करण: ईसीमैसक्रिप्ट 5

ब्राउज़र समर्थन

गणना तालिका में इस विधि को पूरी तरह से समर्थन करने वाले पहले ब्राउज़र का संस्करण उल्लेख किया गया है。

सभी ब्राउज़र पूरी तरह से समर्थन करते हैं map() विधि:

च्रोम आईई एज फायरफॉक्स साफारी ओपेरा
च्रोम आईई एज फायरफॉक्स साफारी ओपेरा
सापोर्ट 9.0 सापोर्ट सापोर्ट सापोर्ट सापोर्ट

संबंधित पृष्ठ

ट्यूटोरियल:JavaScript आरे

ट्यूटोरियल:JavaScript आरे Const

ट्यूटोरियल:आरे मेथड

ट्यूटोरियल:JavaScript आरे को छांटना

ट्यूटोरियल:JavaScript आरे इटरेशन