JavaScript odpowiednik in_array () PHP

223

Czy w JavaScript jest sposób na porównanie wartości z jednej tablicy i sprawdzenie, czy znajduje się ona w innej tablicy?

Podobne do in_arrayfunkcji PHP ?

roflwaffle
źródło

Odpowiedzi:

258

Nie, nie ma takiego. Z tego powodu większość popularnych bibliotek jest dostarczana z jedną w swoich pakietach narzędzi. Zobacz przykłady jQuery inArray i Prototype Array.indexOf .

Implementacja jQuery jest tak prosta, jak można się spodziewać:

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

Jeśli masz do czynienia z rozsądną ilością elementów tablicy, powyższe rozwiązanie dobrze się przyda.

EDYCJA : Ups. Nawet nie zauważyłem, że chcesz sprawdzić, czy tablica jest w innej. Zgodnie z dokumentacją PHP jest to oczekiwane zachowanie PHP in_array:

$a = array(array('p', 'h'), array('p', 'r'), 'o');

if (in_array(array('p', 'h'), $a)) {
    echo "'ph' was found\n";
}

if (in_array(array('f', 'i'), $a)) {
    echo "'fi' was found\n";
}

if (in_array('o', $a)) {
    echo "'o' was found\n";
}

// Output:
//  'ph' was found
//  'o' was found

Kod opublikowany przez Chrisa i Alexa nie jest zgodny z tym zachowaniem. Alex's to oficjalna wersja indeksu Prototype, a Chris jest bardziej podobny do PHP array_intersect. Robi to, co chcesz:

function arrayCompare(a1, a2) {
    if (a1.length != a2.length) return false;
    var length = a2.length;
    for (var i = 0; i < length; i++) {
        if (a1[i] !== a2[i]) return false;
    }
    return true;
}

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(typeof haystack[i] == 'object') {
            if(arrayCompare(haystack[i], needle)) return true;
        } else {
            if(haystack[i] == needle) return true;
        }
    }
    return false;
}

I to mój test na powyższym:

var a = [['p','h'],['p','r'],'o'];
if(inArray(['p','h'], a)) {
    alert('ph was found');
}
if(inArray(['f','i'], a)) {
    alert('fi was found');
}
if(inArray('o', a)) {
    alert('o was found');
}  
// Results:
//   alerts 'ph' was found
//   alerts 'o' was found

Zauważ, że celowo nie rozszerzyłem prototypu Array, ponieważ generalnie jest to zły pomysł.

Paolo Bergantino
źródło
1
jQuery.inArray()czy nie powrócić logiczna. Zwraca indeks znalezionego elementu lub -1, jeśli nie znaleziono
Brad Kent
Z powodu wysokiej oceny - odpowiedź należy oznaczyć jako nieaktualną
Gerfried
1
to jest dokumentacja indexOf w3schools.com/jsref/jsref_indexof_array.asp
yussan
74

Teraz jest Array.prototype.includes:

Metoda include () określa, czy tablica zawiera określony element, zwracając odpowiednio true lub false.

var a = [1, 2, 3];
a.includes(2); // true 
a.includes(4); // false

Składnia

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
alemjerus
źródło
66

Array.indexOfzostał wprowadzony w JavaScript 1.6, ale nie jest obsługiwany w starszych przeglądarkach. Na szczęście koledzy z Mozilli wykonali za ciebie całą ciężką pracę i zapewnili ci kompatybilność:

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

Istnieje nawet kilka przydatnych fragmentów kodu dla twojej przyjemności pisania skryptów.

Alex Barrett
źródło
Jest to ładniejsza / bezpieczniejsza / lepsza implementacja opublikowanych już linków / kodu; specyfikacje nie wymagają sprawdzania tablic w stogu siana i tego właśnie chce OP.
Paolo Bergantino
3
Nawiasem mówiąc, jaki jest cel this.length >>> 0? Czy to konwersja na typ liczby?
harto
3
Array.indexOfjest teraz znormalizowany przez ECMAScript Piąta edycja, dlatego należy uznać to za „rodzimy” sposób na zrobienie tego. Jednak nadal będziesz musiał długo wąchać i udostępniać tę kopię zapasową starszej przeglądarce. @arto: tak, konwertuje this.lengthna liczbę, która może być reprezentowana jako 32-bitowa liczba całkowita bez znaku. Język macierzysty Arraymoże mieć długość, która jest już zgodna z tym, ale specyfikacja określa, że ​​można wywoływać Array.prototypemetody na obiektach macierzystych JS, które nie są Array. Ten i drugi pedantyczny argument sprawdzający ma zagwarantować absolutną zgodność specyfikacji.
Bob
3
Istnieje inna wersja polifillu dostępna bezpośrednio od Mozilli - developer.mozilla.org/en/docs/Web/JavaScript/Reference/…
Algy Taylor
@arto Odpowiadam 8 lat po twoim komentarzu, ale może ktoś inny może mieć to samo pytanie => patrz stackoverflow.com/questions/1822350/…
Frosty Z
14

Jeśli indeksy nie są w sekwencji lub jeśli indeksy nie są kolejne, kod w innych wymienionych tutaj rozwiązaniach ulegnie awarii. Rozwiązaniem, które działałoby nieco lepiej, może być:

function in_array(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

Jako bonus, oto odpowiednik PHP array_search (do znalezienia klucza elementu w tablicy:

function array_search(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return i;
    }
    return false;
}
losowa_nazwa_użytkownika
źródło
Niezły spadek wymiany. Naprawdę łatwe przenoszenie z php do węzła jest łatwe. dzięki
Rahim Khoja,
9

Istnieje projekt o nazwie Locutus , który implementuje funkcje PHP w Javascript, a in_array () jest włączony, możesz go używać dokładnie tak, jak w PHP.

Przykłady zastosowania:

in_array('van', myArray);

in_array(1, otherArray, true); // Forcing strict type
Marcio Mazzucato
źródło
4
Istnieje także funkcja inArray w interfejsach API JQuery. Sprawdź api.jquery.com/jQuery.inArray
ahPo
@ahPo, miło! Ale implementacja Locutus ma tę zaletę, że jest czystym javascript bez żadnych zależności. Wybierz więc najlepszy dla swoich potrzeb
Marcio Mazzucato,
1
lub możesz po prostu zaimportować wymaganą funkcję z Locutus.
Niket Pathak
7

Możesz po prostu użyć funkcji „zawiera”, jak wyjaśniono w tej lekcji na temat w3schools

to wygląda jak

let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');

AbdulRhman Khallil
źródło
5
var a = [1,2,3,4,5,6,7,8,9];

var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;

var isSixInArray = a.indexOf(6)>=0;
Rax Wunter
źródło
5

Rozwiązanie jQuery jest dostępne, sprawdź dokumentację tutaj: http://api.jquery.com/jquery.inarray/

$.inArray( 10, [ 8, 9, 10, 11 ] );
Webars
źródło
3
nie zapomnij sprawdzić w ten sposób: if ($. inArray (10, [8, 9, 10, 11])> -1), ponieważ podobało mi się: if ($. inArray (10, [8, 9, 10, 11])) i zawsze zwraca prawdę
temirbek
PS: Jest to zależne od typu, więc jeśli sprawdzając liczby, upewnij się, że typy danych pasują! tj .: $ .inArray („10”, [8, 9, 10, 11]); zwróci -1
Oliver M. Grech
3

Jeśli chcesz tylko sprawdzić, czy pojedyncza wartość znajduje się w tablicy, kod Paolo wykona zadanie. Jeśli chcesz sprawdzić, które wartości są wspólne dla obu tablic, potrzebujesz czegoś takiego (używając funkcji inArray Paolo):

function arrayIntersect(a, b) {
    var intersection = [];

    for(var i = 0; i < a.length; i++) {
        if(inArray(b, a[i]))
            intersection.push(a[i]);
    }

    return intersection;
}

To zwróci tablicę wartości, które są zarówno w, jak ai b. (Matematycznie jest to przecięcie dwóch tablic.)

EDYCJA: Zobacz Edytowany kod Paolo, aby znaleźć rozwiązanie swojego problemu. :)

Chris Doble
źródło
Chociaż jest to miłe, nie jest to tak naprawdę prośba OP; nie powiela funkcjonalności in_array PHP.
Paolo Bergantino
3

Jeśli potrzebujesz wszystkich dostępnych parametrów PHP , użyj tego:

function in_array(needle, haystack, argStrict) {
    var key = '', strict = !!argStrict;
    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;
            }
        }
    }
    else {
        for (key in haystack) {
            if (haystack[key] == needle) {
                return true;
            }
        }
    }
    return false;
}
Andres SK
źródło
3

Dodaj ten kod do swojego projektu i użyj metod inArray w stylu obiektowym

if (!Array.prototype.inArray) {
    Array.prototype.inArray = function(element) {
        return this.indexOf(element) > -1;
    };
} 
//How it work
var array = ["one", "two", "three"];
//Return true
array.inArray("one");
Никита Овчинников
źródło
2
haystack.find(value => value == needle)

gdzie stóg siana jest tablicą, a igła jest elementem w tablicy. Jeśli element nie zostanie znaleziony, zostanie zwrócony niezdefiniowany, w przeciwnym razie ten sam element.

Emmanuel de Carvalho Garcia
źródło
1
function in_array(what, where) {
    var a=false;
    for (var i=0; i<where.length; i++) {
        if(what == where[i]) {
            a=true;
            break;
        }
    }
    return a;
}
Priya
źródło
1

Znalazłem świetne rozwiązanie jQuery tutaj na SO.

var success = $.grep(array_a, function(v,i) {
    return $.inArray(v, array_b) !== -1;
}).length === array_a.length;

Chciałbym, aby ktoś opublikował przykład tego, jak to zrobić w podkreśleniu.

pymarco
źródło
1
function in_array(needle, haystack){

    return haystack.indexOf(needle) !== -1;
}
crisswalt
źródło
Zwraca to tylko, czy jest to pierwszy element w tablicy; jeśli indexOf(needle) > 0zwróci fałsz
DiMono
0

Odpowiednik in_arrayze underscorejest _.indexOf

Przykłady:

_.indexOf([3, 5, 8], 8); // returns 2, the index of 8 _.indexOf([3, 5, 8], 10); // returns -1, not found

Bogdan D.
źródło
0

Jeśli zamierzasz używać go na zajęciach i jeśli wolisz, aby był funkcjonalny (i działał we wszystkich przeglądarkach):

inArray: function(needle, haystack)
{
    var result = false;

    for (var i in haystack) {
        if (haystack[i] === needle) {
            result = true;
            break;
        }
    }

    return result;
}

Mam nadzieję, że to komuś pomoże :-)

MageParts
źródło