Değer içeren dizi dizini nasıl bulunur?


Yanıtlar:


317

Şunları kullanabilirsiniz indexOf:

var imageList = [100,200,300,400,500];
var index = imageList.indexOf(200); // 1

Dizide bir değer bulamazsa -1 alırsınız.


2
bunu düzeltmek için developer.mozilla.org/tr/JavaScript/Reference/Global_Objects/… veya herhangi bir Javascript çerçevesini kullanabilirsiniz.
voigtan

1
Sadece IE8'de çalışmayacak bulduk. Alternatifim nedir?
joedborg

@voigtan Bunu JS'ye nasıl eklerim?
joedborg

5
Yaptım, teşekkürler. IE bir gün modern zamanları yakalayacak!
joedborg

Uyumluluk modundaysa son IE'de de çalışmaz
pelms

75

İçin dizi nesneleri kullanımı mapile indexOf:

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.map(function (img) { return img.value; }).indexOf(200);

console.log(index);


Modern tarayıcılarda şunları kullanabilirsiniz findIndex:

var imageList = [
   {value: 100},
   {value: 200},
   {value: 300},
   {value: 400},
   {value: 500}
];

var index = imageList.findIndex(img => img.value === 200);

console.log(index);

ES6'nın bir parçası ve Chrome, FF, Safari ve Edge tarafından destekleniyor


1
FindIndex'in IE 11'de uygulanmadığını unutmayın
Bindrid

2
@Bindrid cevapta yazılmıştır "ES6'nın bir parçası ve Chrome, FF, Safari ve (Ne yazık ki sadece IE IE tarafından desteklenmektedir")
Jaqen H'ghar

17

JQuery işlevini kullanın jQuery.inArray

jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )

Doğru cevap olarak işaretlenmiş kodu kullanacaktı ama bu kod IE tüm sürümlerinde çalışmayacak gibi görünüyor. Bu yanıt IE'nin tüm sürümlerinde çalışır, ancak kodu biraz değiştirdim: var arrayPosition = $ .inArray (value, Array); mükemmel çalışıyor
James Blackburn

6
jQuery ≠ Javascript
Andrew

13

Javascript karmaşık dizi değer dizini bulmak başka bir yoludur. Umarım gerçekten birine yardım eder. Diyelim ki aşağıdaki gibi bir JavaScript dizimiz var,

var studentsArray =
     [
    {
    "rollnumber": 1,
    "name": "dj",
    "subject": "physics"
   },
   {
   "rollnumber": 2,
  "name": "tanmay",
  "subject": "biology"
   },
  {
   "rollnumber": 3,
   "name": "amit",
   "subject": "chemistry"
   },
  ];

Şimdi dizideki belirli bir nesneyi seçme gereksinimimiz varsa. Tanmay adında bir öğrenci indeksi bulmak istediğimizi varsayalım.

Bunu dizide yineleyerek ve verilen anahtardaki değeri karşılaştırarak yapabiliriz.

function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {

    for (var i = 0; i < arraytosearch.length; i++) {

    if (arraytosearch[i][key] == valuetosearch) {
    return i;
    }
    }
    return null;
    }

Aşağıdaki gibi belirli bir öğenin dizinini bulmak için işlevi kullanabilirsiniz,

var index = functiontofindIndexByKeyValue(studentsArray, "name", "tanmay");
alert(index);



6

Array.indexOfInternet Explorer'ın bazı sürümlerinde çalışmıyor - bunu yapmanın birçok alternatif yolu var ... bu soruya / cevaba bakın: Bir dizinin JavaScript'te bir nesne içerip içermediğini nasıl kontrol edebilirim?


Bu sayfaya göre developer.mozilla.org/en-US/docs/JavaScript/Reference/... sen (Neredeyse yanlış sadece burada IE 6 konuşuyorduk varsayılır) Bu özellik için Internet Explorer 9'u gerek
Simon_Weaver

@Simon_Weaver, bağladığınız sayfada JavaScript 1.6 ve sonraki sürümlerini kullanan tüm tarayıcılar için çok dolgu var
Manse

5

Listeler çok uzun olmadığında, bildiğim en iyi yol budur:

function getIndex(val) {
    for (var i = 0; i < imageList.length; i++) {
        if (imageList[i] === val) {
            return i;
        }
    }
}

var imageList = [100, 200, 300, 400, 500];
var index = getIndex(200);

5

Bir ES6işlev kullanmak mümkündür Array.prototype.findIndex.

MDN diyor ki :

findIndex()Yöntem dizini döndürür tatmin bu dizideki ilk elemanı test fonksiyon sağlanır. Aksi takdirde -1 döndürülür.

var fooArray = [5, 10, 15, 20, 25];
console.log(fooArray.findIndex(num=> { return num > 5; }));

// expected output: 1

Nesne özelliğine göre bir dizin bulun.

Nesne özelliğine göre bir dizin bulmak için:

yourArray.findIndex(obj => obj['propertyName'] === yourValue)

Örneğin, böyle bir dizi var:

let someArray = [
    { property: 'OutDate' },
    { property: 'BeginDate'},
    { property: 'CarNumber' },
    { property: 'FirstName'}
];

Ardından, gerekli özelliğin bir dizinini bulmak için kod şöyle görünür:

let carIndex = someArray.findIndex( filterCarObj=> 
    filterCarObj['property'] === 'CarNumber');

0

İşte benim almak, çoğu halk çözümleri öğenin var olup olmadığını kontrol etmez ve yoksa rastgele değerleri kaldırır gibi görünüyor.

Önce öğenin dizinini arayarak var olup olmadığını kontrol edin . Varsa, splice yöntemini kullanarak dizine göre kaldırın

elementPosition = array.indexOf(value);

if(elementPosition != -1) {
  array.splice(elementPosition, 1);
}

0

Çok boyutlu bir dizide .


Referans dizisi:

var array = [
    { ID: '100', },
    { ID: '200', },
    { ID: '300', },
    { ID: '400', },
    { ID: '500', }
];

Kullanılması filterve indexOf:

var in_array = array.filter(function(item) { 
    return item.ID == '200' // look for the item where ID is equal to value
});
var index = array.indexOf(in_array[0]);

Dizideki her bir öğeyi kullanarak döngüler indexOf:

for (var i = 0; i < array.length; i++) {
    var item= array[i];
    if (item.ID == '200') { 
        var index = array.indexOf(item);
    }
}

-1
// Instead Of 
var index = arr.indexOf(200)

// Use 
var index = arr.includes(200);

Lütfen Dikkat : İşlev, dizideki basit bir örnek yöntemdir ve dizideki bir öğenin olup olmadığını kolayca bulmaya yardımcı olur (indexOf'un aksine NaN dahil)


1
Buna ek olarak, yalnızca var olup olmadığını söyleyerek, dizin / öğeyi almak yerine, uyumluluğun farkında olun (yani IE yok): caniuse.com/#search=includes
moto

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.