ما هو استخدام الخريطة في jquery

الاستخدام: 1. يستخدم لتمرير العناصر إلى المجموعة من خلال الوظائف وإنشاء كائنات jQuery جديدة. بناء الجملة هو ".map(callback(index,domElement)"); تم إرجاع مصفوفة جديدة، وبناء الجملة هو "$.map(صفيف أو كائن، وظيفة محددة)".

كيفية البدء بسرعة باستخدام VUE3.0: أدخل

بيئة التشغيل لهذا البرنامج التعليمي: نظام Windows 10، إصدار jquery3.2.1، كمبيوتر Dell G3.

استخدام الخريطة في jquery

1. يقوم Map() بتمرير كل عنصر إلى المجموعة المطابقة الحالية من خلال الوظيفة وإنشاء كائن jQuery جديد يحتوي على القيمة المرجعة.

Syntax.map

(callback(index,domElement))

callback(index,domElement) كائن دالة يتم استدعاؤه لكل عنصر في المجموعة الحالية.

نظرًا لأن القيمة المرجعة عبارة عن مصفوفة مغلفة بـ jQuery، استخدم get() لمعالجة الكائن المرتجع للحصول على المصفوفة الأساسية.

المثال كالتالي:

<أتش تي أم أل>
<الرأس>
  
  

<الجسم>
  
القيم: 
  <النموذج>
    <نوع الإدخال = "نص" اسم = "اسم" قيمة = "جون"/>
    <نوع الإدخال = "نص" اسم = "كلمة المرور" القيمة = "كلمة المرور"/>
    <نوع الإدخال = "نص" اسم = "URL" قيمة = "http://php.cn/"/>
  
<النص البرمجي>
    $("p").append( $("الإدخال").map(function(){
      إرجاع $(this).val();
    }).get().join("، ") );

نتائج الإخراج:

2. يتم استخدام الدالة $.map() لمعالجة كل عنصر في المصفوفة (أو كل سمة للكائن) باستخدام الوظيفة المحددة، وتغليف نتيجة المعالجة كمصفوفة جديدة وإعادتها.

قبل الإصدار 1.6 من jQuery، كانت هذه الدالة تدعم فقط اجتياز المصفوفات بدءًا من الإصدار 1.6، وكانت هذه الوظيفة تدعم أيضًا اجتياز الكائنات.

سوف يقوم Map() أيضًا بتمرير معلمتين إلى الوظيفة: أحدهما هو العنصر أو قيمة السمة للتكرار الحالي، والآخر هو فهرس المصفوفة أو اسم سمة الكائن لعنصر التكرار الحالي.

سيتم استخدام القيمة المرجعة لهذه الوظيفة كعنصر في مصفوفة النتائج. إذا كانت القيمة المرجعة فارغة أو غير محددة، فلن تتم إضافتها إلى مصفوفة النتائج.

كائن $.map(object, callback)

يحدد نوع الصفيف/الكائن المصفوفة أو الكائن الذي يحتاج إلى المعالجة.

وظيفة المعالجة المحددة بواسطة نوع وظيفة رد الاتصال.

المثال كالتالي:

<أتش تي أم أل>
<الرأس>
<ميتا محارف = "utf-8">
<العنوان>123
<نمط>
شعبة { اللون: أزرق }
ع { اللون: أخضر الهامش: 0 }
فترة { اللون: أحمر }



<الجسم>
<ديف>

<سبان>
<النص البرمجي>
$(وظيفة () { 
var arr = [ "a"، "b"، "c"، "d"، "e" ];
$("div").text(arr.join(", "));
آر = $.map(arr, function(n, i){
return (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
آر = $.map(arr، الوظيفة (أ) {
إرجاع أ + أ؛
});
$("span").text(arr.join(", "));
})

 

نتائج الإخراج:

دروس الفيديو ذات الصلة الموصى بها: فيديو تعليمي لـ jQuery

ما ورد أعلاه هو المحتوى التفصيلي لكيفية استخدام الخريطة في jquery. لمزيد من المعلومات، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع PHP الصيني!