JavaScript Dizi Arama

数组查找和搜索方法

另请参阅:

JavaScript Array indexOf()

indexOf() 方法在数组中搜索元素值并返回其位置。

Dikkat:第一项的位置是 0,第二项的位置是 1,依此类推。

Örnek

在数组中搜索项 "Apple":

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

Kişisel olarak deneyin

gramer

array.indexOf(item, start)
item 必需。要搜索的项。
start 可选。搜索的起始位置。负值将从数组末尾开始计数,并搜索到末尾。

返回值:

  • 如果未找到项,则返回 -1。
  • 如果项出现多次,则返回第一次出现的位置。

JavaScript Array lastIndexOf()

lastIndexOf() 方法与 indexOf() 相同,但返回指定元素最后一次出现的位置。

Örnek

在数组中搜索项 "Apple":

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

Kişisel olarak deneyin

gramer

array.lastIndexOf(item, start)
item 必需。要搜索的项。
start 可选。搜索的起始位置。负值将从数组末尾开始计数,并搜索到开头。

JavaScript Array includes()

ECMAScript 2016 引入了 Array.includes() 方法。它允许我们检查数组中是否包含某个元素(包括 NaN,与 indexOf 不同)。

Örnek

const meyveler = [\"Muz\", \"Nar\", \"Elma\", \"Mango\
fruits.includes("Mango"); // true döndürür

Kişisel olarak deneyin

gramer

array.includes(search-item)

search-itemarayan element.

Dikkat:includes() NaN değerlerini kontrol edebilirken indexOf() olamaz.

Tarayıcı Desteği

includes() Bu ECMAScript 2016 özellikleri.

2017 yılının Mart ayından itibaren, tüm modern tarayıcılar ES2016'yi desteklemektedir:

Chrome Edge Firefox Safari Opera
Chrome 52 Edge 15 Firefox 52 Safari 10.1 Opera 39
2016 yılının Temmuz ayında 2017 yılının Nisan ayında 2017 yılının Mart ayında 2017 yılının Mayıs ayında 2016 yılının Ağustos ayında

Internet Explorer includes()'yı desteklememektedir.

JavaScript Array find()

find() Bu yöntem, test fonksiyonunu geçen ilk dizi elemanının değerini döndürür.

Örnek

18'dan büyük ilk elemanı bulma:

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

Kişisel olarak deneyin

Dikkat:Fonksiyon 3 parametre alır:

  • Eleman değeri
  • Eleman indeksi
  • Dizi kendisi

Tarayıcı Desteği

find() Bu, ES6 (JavaScript 2015) özelliğidir.

2017 yılının Haziran ayından itibaren, tüm modern tarayıcılar ES6'yi desteklemektedir:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
2016 yılının Mayıs ayında 2017 yılının Nisan ayında 2017 yılının Haziran ayında 2016 yılının Eylül ayında 2016 yılının Haziran ayında

Internet Explorer desteklememektedir find().

JavaScript Array findIndex()

findIndex() Bu yöntem, test fonksiyonunu geçen ilk dizi elemanının indeksini döndürür.

Örnek

18'dan büyük ilk elemanın indeksini bulma:

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

Kişisel olarak deneyin

Dikkat:Fonksiyon 3 parametre alır:

  • Eleman değeri
  • Eleman indeksi
  • Dizi kendisi

Tarayıcı Desteği

findIndex() Bu, ES6 (JavaScript 2015) özelliğidir.

2017 yılının Haziran ayından itibaren, tüm modern tarayıcılar ES6'yi desteklemektedir:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
2016 yılının Mayıs ayında 2017 yılının Nisan ayında 2017 yılının Haziran ayında 2016 yılının Eylül ayında 2016 yılının Haziran ayında

Internet Explorer desteklememektedir findIndex().

JavaScript Array findLast()

ES2023'te yeni eklendi: findLast() Bu yöntem, dizinin sonundan başlayarak arama yapar ve şartı karşılayan ilk elemanın değerini döndürür.

Örnek

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

Kişisel olarak deneyin

Tarayıcı Desteği

findLast() ES2023'nin bir özelliğidir.

2023 Temmuz'dan itibaren tüm modern tarayıcılar şunu destekler:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023 Yılı Şubat 2023 Yılı Şubat 2023 Yılı Temmuz 2023 Yılı Mart 2023 Yılı Mayıs

JavaScript Array findLastIndex() Methodu

findLastIndex() Şartı karşılayan en son elemanın indeksini bulan yöntem.

Örnek

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

Kişisel olarak deneyin

Tarayıcı Desteği

findLastIndex() ES2023'nin bir özelliğidir.

2023 Temmuz'dan itibaren tüm modern tarayıcılar şunu destekler:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023 Yılı Şubat 2023 Yılı Şubat 2023 Yılı Temmuz 2023 Yılı Mart 2023 Yılı Mayıs

Tam Dizi Referans Kılavuzu

Tam dizi referansına erişmek için ziyaret edin:JavaScript Dizi Referans Kılavuzu.

Bu kılavuz tüm dizi özellikleri ve yöntemlerinin açıklamaları ve örneklerini içerir.