JavaScript Dizi Arama
- Önceki Sayfa JS Dizi Metotları
- Sonraki Sayfa JS Dizi Sıralama
数组查找和搜索方法
- Array indexOf()
- Array lastIndexOf()
- Array includes()
- Array find()
- Array findIndex()
- Array findLast()
- Array findLastIndex()
另请参阅:
JavaScript Array indexOf()
indexOf()
方法在数组中搜索元素值并返回其位置。
Dikkat:第一项的位置是 0,第二项的位置是 1,依此类推。
Örnek
在数组中搜索项 "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"]; let position = fruits.indexOf("Apple") + 1;
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;
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
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; }
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; }
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);
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);
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.
- Önceki Sayfa JS Dizi Metotları
- Sonraki Sayfa JS Dizi Sıralama