جستجو در آرایه‌های JavaScript

روش‌های جستجو و تحقیق در آرایه

لطفاً ببینید:

JavaScript Array indexOf()

indexOf() روشی است که در آرایه به دنبال ارزش عنصر جستجو می‌کند و مکان آن را برمی‌گرداند.

توجه داشته باشید که:مکان اولین عنصر 0 است، مکان دومین عنصر 1 است و به همین ترتیب.

مثال

در آرایه به دنبال عنصر "سیب" بگردید:

const میوه‌ها = ["سیب", "نارنج", "سیب", "مانگو"];
let position = میوه‌ها.indexOf("سیب") + 1;

آزمایش کنید

قوانین

array.indexOf(item, start)
item ضروری. عنصری که می‌خواهید جستجو کنید.
start اختیاری. مکان شروع جستجو. مقادیر منفی از انتهای آرایه شروع می‌شوند و تا انتهای آن جستجو می‌کنند.

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

  • اگر عنصر پیدا نشود، -1 برمی‌گرداند.
  • اگر عنصر چندین بار ظاهر شود، مکان اولین بار ظاهر شدن آن را برمی‌گرداند.

JavaScript Array lastIndexOf()

lastIndexOf() روش با indexOf() مشابه است، اما مکان آخرین بار ظاهر شدن عنصر مشخص شده را برمی‌گرداند.

مثال

در آرایه به دنبال عنصر "سیب" بگردید:

const میوه‌ها = ["سیب", "نارنج", "سیب", "مانگو"];
let position = میوه‌ها.lastIndexOf("سیب") + 1;

آزمایش کنید

قوانین

array.lastIndexOf(item, start)
item ضروری. عنصری که می‌خواهید جستجو کنید.
start اختیاری. مکان شروع جستجو. مقادیر منفی از انتهای آرایه شروع می‌شوند و تا ابتدا جستجو می‌کنند.

JavaScript Array includes()

ECMAScript 2016 به آن اضافه شد Array.includes() روشی که به ما اجازه می‌دهد تا بررسی کنیم که آیا یک عنصر خاص در آرایه وجود دارد یا خیر (شامل NaN نیز می‌شود، که با indexOf متفاوت است).

مثال

const میوه‌ها = ["موز", "نارنج", "سیب", "مانگو"];
fruits.includes("Mango"); // بازمی‌گرداند true

آزمایش کنید

قوانین

array.includes(search-item)

search-item:عنصری که می‌خواهید جستجو کنید.

توجه داشته باشید که:includes() میتواند مقادیر NaN را بررسی کند، در حالی که indexOf() نمی‌تواند.

پشتیبانی مرورگر

includes() این است ECMAScript 2016 این ویژگی

از مارس 2017، تمام مرورگرهای مدرن از ES2016 پشتیبانی می‌کنند:

Chrome Edge Firefox Safari Opera
کروم 52 اندروید 15 فایرفاکس 52 سافاری 10.1 اپرا 39
جولای 2016 آوریل 2017 مارس 2017 ماه مه 2017 اوت 2016

اینترنت اکسپلورر از includes() پشتیبانی نمی‌کند.

JavaScript Array find()

find() این روش ارزش اولین عنصری که توسط تابع تست پذیرفته می‌شود را بازمی‌گرداند.

مثال

یافتن اولین عنصری که بزرگتر از 18 است:

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

آزمایش کنید

توجه داشته باشید که:این تابع سه پارامتر دریافت می‌کند:

  • ارزش عنصر
  • شاخص عنصر
  • آرایه خود

پشتیبانی مرورگر

find() این یک ویژگی ES6 (JavaScript 2015) است.

از ژوئن 2017، تمام مرورگرهای مدرن از ES6 پشتیبانی می‌کنند:

Chrome Edge Firefox Safari Opera
کروم 51 اندروید 15 فایرفاکس 54 سافاری 10 اپرا 38
مай 2016 آوریل 2017 ژوئن 2017 سپتامبر 2016 ژوئن 2016

اینترنت اکسپلورر پشتیبانی نمی‌کند find().

JavaScript Array findIndex()

findIndex() این روش شاخص اولین عنصری که توسط تابع تست پذیرفته می‌شود را بازمی‌گرداند.

مثال

یافتن شاخص اولین عنصری که بزرگتر از 18 است:

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

آزمایش کنید

توجه داشته باشید که:این تابع سه پارامتر دریافت می‌کند:

  • ارزش عنصر
  • شاخص عنصر
  • آرایه خود

پشتیبانی مرورگر

findIndex() این یک ویژگی ES6 (JavaScript 2015) است.

از ژوئن 2017، تمام مرورگرهای مدرن از ES6 پشتیبانی می‌کنند:

Chrome Edge Firefox Safari Opera
کروم 51 اندروید 15 فایرفاکس 54 سافاری 10 اپرا 38
مай 2016 آوریل 2017 ژوئن 2017 سپتامبر 2016 ژوئن 2016

اینترنت اکسپلورر پشتیبانی نمی‌کند findIndex().

JavaScript Array findLast()

ES2023 جدیدترین findLast() این روش، از انتهای آرایه شروع به جستجو می‌کند و ارزش اولین عنصری که شرایط را برآورده می‌کند را بازمی‌گرداند.

مثال

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

آزمایش کنید

پشتیبانی مرورگر

findLast() ویژگی ES2023 است.

از جولای 2023، تمام مرورگرهای مدرن از:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
فوریه 2023 فوریه 2023 جولای 2023 مارس 2023 مارس 2023

مетод findLastIndex() آرایه‌ی JavaScript

findLastIndex() این روش جستجو برای یافتن شماره‌ی نشانی آخرین عنصری که شرط را برآورده می‌کند، انجام می‌دهد.

مثال

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

آزمایش کنید

پشتیبانی مرورگر

findLastIndex() ویژگی ES2023 است.

از جولای 2023، تمام مرورگرهای مدرن از:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
فوریه 2023 فوریه 2023 جولای 2023 مارس 2023 مارس 2023

مرجع کامل آرایه‌ها

برای دسترسی به مرجع کامل آرایه‌ها، لطفاً به:دستورالعمل‌های آرایه‌های JavaScript.

این دستورالعمل شامل توضیحات و مثال‌های تمام ویژگی‌ها و روش‌های آرایه‌ها است.