بحث القوائم JavaScript

طرق البحث في المجموعات والبحث

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

يرجى الرجوع إلى:

• طرق أساسية
• طرق الترتيب
• طرق التحسين

JavaScript Array indexOf()

indexOf() الطريقة تبحث عن قيمة عنصر في المجموعة وتعود بموقعه.

ملاحظة:موقع الاول هو 0، موقع الثاني هو 1، وهكذا.

مثال

البحث عن العنصر "Apple" داخل المجموعة:

تعريف الفواكه = ["Apple", "Orange", "Apple", "Mango"];
دع موضع = fruits.indexOf("Apple") + 1;

جرب بنفسك

النحو

array.indexOf(item, start)

القيمة المعدة:

• إذا لم يتم العثور على العنصر، فإنها تعود بـ -1.
• إذا ظهر العنصر عدة مرات، فإنها تعود بموقع الظهور الأول.

JavaScript Array lastIndexOf()

lastIndexOf() الطريقة مثل indexOf() مثلها، لكنها تعود بموقع آخر ظهور للعنصر المحدد.

مثال

البحث عن العنصر "Apple" داخل المجموعة:

تعريف الفواكه = ["Apple", "Orange", "Apple", "Mango"];
دع موضع = fruits.lastIndexOf("Apple") + 1;

جرب بنفسك

النحو

array.lastIndexOf(item, start)

JavaScript Array includes()

تم إدخال ECMAScript 2016 Array.includes() الطريقة. تتيح لنا التحقق مما إذا كان يحتوي المجموعة على عنصر معين (بما في ذلك NaN، على عكس indexOf).

مثال

تعريف الفواكه = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // تعود true

جرب بنفسك

النحو

array.includes(search-item)

search-itemالذي نريد البحث عنه.

ملاحظة:includes() يمكنه التحقق من قيمة NaN، بينما indexOf() لا يمكن.

دعم المتصفح

includes() هي ECMAScript 2016 الخاصية.

من مارس 2017، جميع المتصفحات الحديثة تدعم ES2016:

Internet Explorer لا يدعم includes().

JavaScript Array find()

find() تعود الوظيفة قيمة العنصر الأول الذي ي satisfy الوظيفة الاختبارية في المجموعة.

مثال

البحث عن العنصر الأول الذي هو أكبر من 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

جرب بنفسك

ملاحظة:الوظيفة تأخذ 3 معلمات:

• قيمة العنصر
• فهرس العنصر
• المجموعة نفسها

دعم المتصفح

find() هي خاصية ES6 (JavaScript 2015).

من يونيو 2017، جميع المتصفحات الحديثة تدعم ES6:

Internet Explorer لا يدعم find().

JavaScript Array findIndex()

findIndex() تعود الوظيفة فهرس العنصر الأول الذي ي satisfy الوظيفة الاختبارية في المجموعة.

مثال

البحث عن فهرس العنصر الأول الذي هو أكبر من 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

جرب بنفسك

ملاحظة:الوظيفة تأخذ 3 معلمات:

• قيمة العنصر
• فهرس العنصر
• المجموعة نفسها

دعم المتصفح

findIndex() هي خاصية ES6 (JavaScript 2015).

من يونيو 2017، جميع المتصفحات الحديثة تدعم ES6:

Internet Explorer لا يدعم findIndex().

JavaScript Array findLast()

ES2023 أضاف findLast() الطريقة، تبدأ من نهاية المجموعة وتعيد قيمة العنصر الأول الذي ي satisfy الشروط.

مثال

const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);

جرب بنفسك

دعم المتصفح

findLast() هي خاصية ES2023.

من يوليو 2023، جميع المتصفحات الحديثة تدعم:

طريقة findLastIndex() لـ Array في JavaScript

findLastIndex() يبحث عن آخر عنصر يتوافق مع الشروط.

مثال

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

جرب بنفسك

دعم المتصفح

findLastIndex() هي خاصية ES2023.

من يوليو 2023، جميع المتصفحات الحديثة تدعم:

دليل مرجعي كامل للقوائم

للحصول على مرجع كامل للقوائم، يرجى زيارة:دليل مرجعي لـ JavaScript.

يتضمن هذا الدليل كل وصف للخصائص والطرق والمثال