مثال
عودة صفيف مع الجذر التربيعي لجميع القيم في مجموعة الأصلي:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}وستكون النتيجة:
2,3,4,5 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
على map() الأسلوب بإنشاء مجموعة جديدة مع نتائج استدعاء دالة لكل عنصر مجموعة.
على map() استدعاءات الأسلوب وظيفة المقدمة مرة واحدة لكل عنصر في مجموعة، في النظام.
ملاحظة: map() لا يتم تنفيذ وظيفة لعناصر المصفوفة دون القيم.
ملاحظة: map() لا يغير من مجموعة الأصلي.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| map() | نعم فعلا | تسعة | 1.5 | نعم فعلا | نعم فعلا |
بناء الجملة
قيم معلمة معامل وصف function(currentValue, index,arr) مطلوب. وظيفة ليتم تشغيلها لكل عنصر في المصفوفة.
الحجج الدالة: جدال وصف currentValue مطلوب. قيمة العنصر الحالي index اختياري. مؤشر مجموعة من العنصر الحالي arr اختياري. كائن مجموعة العنصر الحالي ينتمي إلى
thisValue اختياري. قيمة لتمريرها إلى وظيفة لاستخدامها في "this" قيمة.
إذا كانت هذه المعلمة فارغة، وقيمة "undefined" سيتم تمريرها كما في "this" قيمة
تفاصيل تقنية
قيمة الإرجاع: صفيف تتضمن نتائج استدعاء الدالة المنصوص عليها في كل عنصر في مجموعة الأصلي. نسخة جافا سكريبت: 1.6
مزيد من الأمثلة
مثال
ضرب كل القيم في مجموعة مع عدد محدد:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} انها محاولة لنفسك » مثال
الحصول على الاسم الكامل للشخص الواحد في مجموعة:
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} انها محاولة لنفسك »
<جافا سكريبت صفيف المرجعي