تابع نقشه جاوااسکریپت

با تابع نقشه جاوااسکریپت آشنا می شویم.

نکات اصلی تابع نقشه جاوااسکریپت:

• از عملکرد نقشه JavaScript برای فراخوانی یک تابع برای هر عنصر از یک آرایه به ترتیب استفاده می شود.
• لازم به ذکر است که عملکرد را روی عناصر بدون مقادیر اجرا نمی کند.
• روش نقشه JavaScript آرایه اصلی را تغییر نمی دهد.

تابع نقشه جاوااسکریپت چیست

عملکرد نقشه جاوااسکریپت یکی از کاربردی ترین روش ها است که اگر می خواهید برای همه عناصر یک آرایه یک عملکرد خاص را فراخوانی کنید ، می توانید از آن استفاده کنید. با این حال ، توابع دیگری نیز وجود دارند که کارهای مشابهی را انجام می دهند: حلقه forEach یکی از گزینه های در نظر گرفته شده است.

تابع نقشه JavaScript هنگامی اعمال می شود که فراخوانی یک تابع برای هر عنصر از یک آرایه ضروری باشد. از نتایج تولید شده ، این روش یک آرایه جدید ایجاد می کند. بنابراین ، آرایه اول بدون تغییر باقی خواهد ماند: تمام تغییرات عناصر در آرایه کاملاً جدید نشان داده می شوند. اگر عملکرد نقشه JavaScript را اعمال می کنید ، باید از آرایه جدید استفاده کنید تا استفاده از این روش ارزشمند باشد.

در این مثال ، برای ضرب کردن همه عناصر موجود در آرایه از نقشه آرایه JavaScript استفاده می کنیم:

var nums = [64, 45, 11, 5];

function multiplyElement(num) {
    return num * document.getElementById("multiplyBy").value;
}

function mapFunction() {
    document.getElementById("result").innerHTML = nums.map(multiplyElement);
}

برای یادگیری نحو را تصحیح کنید

در مثال زیر ، روش صحیح نوشتن عملکرد نقشه JavaScript را به شما ارائه می دهیم. در مرحله اول ، باید عناصری را مشخص کنید که آرایه آنها باید با عملکرد خاصی اصلاح شود:

array.map (تابع (ارزش فعلی ، شاخص ، arr) ، این مقدار)

همانطور که مشاهده می کنید ، عملکردی که باید روی عناصر اعمال شود باید در پرانتز نقشه نشان داده شود (). توضیح آرگومان های تابع در بخش زیر ارائه خواهد شد.

مقادیر پارامتر: اختیاری و الزامی

چند مولفه از عملکرد نقشه JavaScript وجود دارد که باید درباره آنها بحث کنیم. همانطور که در بخش قبلی بحث کردیم ، لازم است تابعی که باید برای عناصر آرایه اعمال شود ، مشخص شود. پارامتر تابع در این روش همچنین می تواند سه آرگومان داشته باشد. با این حال ، فقط یکی از آنها مورد نیاز است.

اولین آرگومان در تابع currentValue نامیده می شود و مقدار عنصر را نشان می دهد. برخلاف دو پارامتر دیگر ، باید گنجانده شود. دومین آرگومان اختیاری ، شاخص است: مخفف شاخص عنصر است. سوم arr است که نمایانگر آرایه ای است که عنصر به آن تعلق دارد.

مقدار بازگشتی

همانطور که قبلاً در این آموزش نشان دادیم ، عملکرد نقشه JavaScript آرایه جدیدی را متشکل از عناصر اصلاح شده باز می گرداند. آرایه اصلی بدون تغییر باقی خواهد ماند.

کد زیر نشان می دهد که چگونه با عملکرد نقشه JavaScript می توان سن و نام را از آرایه افراد بازیابی کرد:

var people = [
    { name : "Dan", age: 32 },
    { name : "Joe", age: 45 },
    { name : "Brian", age: 28 }
];
function getNameAge(item, index) {
    var nameAge = [item.name, item.age].join(" ");
    return nameAge;
}
function mapFunction() {
    document.getElementById("result").innerHTML = people.map(getNameAge);
}