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

ضرب كل قيمة في المجموعة بعشرة:

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);
}

تجربة شخصية

النص

النص.map(function(currentValue, index, arr), thisValue)

قيمة المعامل

المعاملات الوصف
function(currentValue, index, arr) مطلوب. الدالة التي سيتم تشغيلها على كل عنصر في المجموعة.

معاملات الدالة:

المعاملات الوصف
currentValue مطلوب. القيمة الحالية للعنصر.
index اختياري. فهرس العنصر الحالي في المجموعة.
arr اختياري. العنصر الذي ينتمي إليه العنصر الحالي.
thisValue

اختياري. القيمة التي سيتم إرسالها إلى الدالة لتكون "this" الخاص بها.

إذا كان هذا المعامل فارغًا، فإن القيمة "undefined" ستُستخدم كقيمة "this" الخاصة به.

تفاصيل تقنية

القيمة المعدة: مجموعة تحتوي على نتائج الدعوة إلى الدالة المقدمة لكل عنصر في المجموعة الأصلية.
إصدار جافا سكريبت: إكما سكريبت 5

دعم المتصفح

الرقم في الجدول يوضح أحدث إصدار من المتصفح الذي يدعم هذا الأسلوب.

جميع المتصفحات يدعمون هذا الأسلوب بشكل كامل map() الطريقة:

كروم إي إي إيدج فايرفوكس سفاري مثل Opera
كروم إي إي إيدج فايرفوكس سفاري مثل Opera
مثل Support مثل 9.0 مثل Support مثل Support مثل Support مثل Support

مثل Related Pages

مثل Tutorial:مثل JavaScript Array

مثل Tutorial:مثل JavaScript Array Const

مثل Tutorial:مثل JavaScript Array Methods

مثل Tutorial:مثل JavaScript Sort Array

مثل Tutorial:مثل JavaScript Array Iteration