Jak wykryć, czy zmienna jest tablicą

Jaka jest najlepsza de facto standardowa metoda w różnych przeglądarkach do określenia, czy zmienna w JavaScript jest tablicą, czy nie?

Przeszukując sieć można znaleźć wiele różnych sugestii, niektóre są dobre, a niektóre są nieprawidłowe.

Na przykład poniższe podejście jest podstawowym podejściem:

function isArray(obj) {
    return (obj && obj.length);
}

Zwróć jednak uwagę, co się stanie, jeśli tablica jest pusta lub obj w rzeczywistości nie jest tablicą, ale implementuje właściwość length itp.

Więc która implementacja jest najlepsza pod względem faktycznego działania, bycia na różnych przeglądarkach i nadal wydajnego działania?

Sprawdzanie typów obiektów w JS odbywa się za pomocą instanceof, np

obj instanceof Array

To nie zadziała, jeśli obiekt zostanie przekazany poza granice klatki, ponieważ każda klatka ma swój własny Arrayobiekt. Możesz obejść ten problem, sprawdzając wewnętrzną właściwość [[Class]] obiektu. Aby go zdobyć, użyj Object.prototype.toString()(to gwarantuje działanie ECMA-262):

Object.prototype.toString.call(obj) === '[object Array]'

Obie metody będą działać tylko dla rzeczywistych tablic, a nie obiektów przypominających tablice, takich jak listy argumentsobiektów lub węzłów. Ponieważ wszystkie obiekty podobne do tablic muszą mieć lengthwłaściwość numeryczną , sprawdziłbym to następująco:

typeof obj !== 'undefined' && obj !== null && typeof obj.length === 'number'

Należy pamiętać, że ciągi przejdą tę kontrolę, co może prowadzić do problemów, ponieważ IE nie zezwala na dostęp do znaków ciągu według indeksu. Dlatego możesz chcieć zmienić typeof obj !== 'undefined'na, typeof obj === 'object'aby wykluczyć prymitywy i obiekty hosta z typami różniącymi się od wszystkich 'object'. To nadal będzie przepuszczać obiekty tekstowe, które musiałyby zostać wykluczone ręcznie.

W większości przypadków tak naprawdę chcesz wiedzieć, czy możesz iterować po obiekcie za pomocą indeksów liczbowych. Dlatego dobrym pomysłem może być sprawdzenie, czy obiekt ma 0zamiast tego nazwaną właściwość , co można zrobić za pomocą jednego z poniższych sprawdzeń:

typeof obj[0] !== 'undefined' // false negative for `obj[0] = undefined`
obj.hasOwnProperty('0') // exclude array-likes with inherited entries
'0' in Object(obj) // include array-likes with inherited entries

Rzutowanie na obiekt jest niezbędne do poprawnego działania dla prymitywów przypominających tablice (tj. Łańcuchów).

Oto kod do niezawodnych kontroli tablic JS:

function isArray(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
}

i iterowalne (tj. niepuste) obiekty przypominające tablice:

function isNonEmptyArrayLike(obj) {
    try { // don't bother with `typeof` - just access `length` and `catch`
        return obj.length > 0 && '0' in Object(obj);
    }
    catch(e) {
        return false;
    }
}

Pojawienie się 5. edycji ECMAScript daje nam najpewniejszą metodę testowania, jeśli zmienna jest tablicą, Array.isArray () :

Array.isArray([]); // true

Chociaż zaakceptowana odpowiedź będzie działać w ramkach i oknach w większości przeglądarek, nie w przypadku Internet Explorera 7 i starszych , ponieważ Object.prototype.toStringwywołana tablica z innego okna zwróci [object Object], nie [object Array]. Wydaje się, że IE 9 również cofnął się do tego zachowania (zobacz zaktualizowaną poprawkę poniżej).

Jeśli potrzebujesz rozwiązania działającego we wszystkich przeglądarkach, możesz użyć:

(function () {
    var toString = Object.prototype.toString,
        strArray = Array.toString(),
        jscript  = /*@cc_on @_jscript_version @*/ +0;

    // jscript will be 0 for browsers other than IE
    if (!jscript) {
        Array.isArray = Array.isArray || function (obj) {
            return toString.call(obj) == "[object Array]";
        }
    }
    else {
        Array.isArray = function (obj) {
            return "constructor" in obj && String(obj.constructor) == strArray;
        }
    }
})();

Nie jest całkowicie niezniszczalny, ale zostałby złamany tylko przez kogoś, kto bardzo się stara. Działa wokół problemów w IE7 i wcześniejszych oraz IE9. Błąd nadal istnieje w IE 10 PP2 , ale może zostać naprawiony przed wydaniem.

PS, jeśli nie masz pewności co do rozwiązania, polecam przetestowanie go do treści i / lub przeczytanie wpisu na blogu. Istnieją inne potencjalne rozwiązania, jeśli nie czujesz się komfortowo przy użyciu kompilacji warunkowej.

Crockford ma dwie odpowiedzi na stronie 106 „Dobrej części”. Pierwsza z nich sprawdza konstruktora, ale daje fałszywe negatywy w różnych ramkach lub oknach. Oto druga:

if (my_value && typeof my_value === 'object' &&
        typeof my_value.length === 'number' &&
        !(my_value.propertyIsEnumerable('length')) {
    // my_value is truly an array!
}

Crockford zwraca uwagę, że ta wersja zidentyfikuje argumentstablicę jako tablicę, mimo że nie ma żadnej z metod tablicowych.

Jego interesujące omówienie problemu zaczyna się na stronie 105.

Jest tutaj kolejna interesująca dyskusja (po Good Parts) , która obejmuje tę propozycję:

var isArray = function (o) {
    return (o instanceof Array) ||
        (Object.prototype.toString.apply(o) === '[object Array]');
};

Cała dyskusja sprawia, że ​​nigdy nie chcę wiedzieć, czy coś jest tablicą.

jQuery implementuje funkcję isArray, która sugeruje najlepszy sposób na zrobienie tego

function isArray( obj ) {
    return toString.call(obj) === "[object Array]";
}

(fragment zaczerpnięty z jQuery v1.3.2 - lekko dostosowany, aby mieć sens poza kontekstem)

Kradzież od guru Johna Resiga i jQuery:

function isArray(array) {
    if ( toString.call(array) === "[object Array]") {
        return true;
    } else if ( typeof array.length === "number" ) {
        return true;
    }
    return false;
}

Co zamierzasz zrobić z wartością, gdy zdecydujesz, że jest to tablica?

Na przykład, jeśli zamierzasz wyliczyć zawarte wartości, jeśli wygląda to jak tablica LUB jeśli jest to obiekt używany jako tabela skrótów, to poniższy kod pobierze to, czego chcesz (ten kod zatrzymuje się, gdy funkcja zamykająca zwraca cokolwiek innego niż „niezdefiniowany”. Należy pamiętać, że NIE wykonuje iteracji po kontenerach COM ani wyliczeniach; jest to pozostawione jako ćwiczenie dla czytelnika):

function iteratei( o, closure )
{
    if( o != null && o.hasOwnProperty )
    {
        for( var ix in seq )
        {
            var ret = closure.call( this, ix, o[ix] );
            if( undefined !== ret )
                return ret;
        }
    }
    return undefined;
}

(Uwaga: testy „o! = Null” zarówno dla wartości null, jak i undefined)

Przykłady użycia:

// Find first element who's value equals "what" in an array
var b = iteratei( ["who", "what", "when" "where"],
    function( ix, v )
    {
        return v == "what" ? true : undefined;
    });

// Iterate over only this objects' properties, not the prototypes'
function iterateiOwnProperties( o, closure )
{
    return iteratei( o, function(ix,v)
    {
        if( o.hasOwnProperty(ix) )
        {
            return closure.call( this, ix, o[ix] );
        }
    })
}

Jeśli robisz to w CouchDB (SpiderMonkey), użyj

Array.isArray(array)

jak array.constructor === Arraylub array instanceof Arraynie działają. Używanie array.toString() === "[object Array]"działa, ale w porównaniu z nim wydaje się dość podejrzane.

Jeśli chcesz korzystać z różnych przeglądarek, potrzebujesz jQuery.isArray .

Na w3school jest przykład, który powinien być dość standardowy.

Aby sprawdzić, czy zmienna jest tablicą, używają czegoś podobnego do tego

function arrayCheck(obj) { 
    return obj && (obj.constructor==Array);
}

testowane na Chrome, Firefox, Safari, ie7

Jedną z najlepiej zbadanych i omawianych wersji tej funkcji można znaleźć na stronie PHPJS . Możesz utworzyć link do pakietów lub przejść bezpośrednio do funkcji . Gorąco polecam stronę za dobrze skonstruowane odpowiedniki funkcji PHP w JavaScript.

Za mało odwołań równych konstruktorom. Czasami mają różne referencje konstruktora. Dlatego używam ich reprezentacji w postaci ciągów.

function isArray(o) {
    return o.constructor.toString() === [].constructor.toString();
}

Wymień Array.isArray(obj)naobj.constructor==Array

próbki:

Array('44','55').constructor==Array return true (IE8 / Chrome)

'55'.constructor==Array return false (IE8 / Chrome)