Jak sprawdzić, czy zmienna jest tablicą w JavaScript? [duplikat]

Możesz też użyć:

if (value instanceof Array) {
  alert('value is Array!');
} else {
  alert('Not an array');
}

Edit:

Od ES5 jest teraz także:

Array.isArray(value);

Ale to się zepsuje na starszych przeglądarkach, chyba że używasz polyfills (zasadniczo... IE8 lub podobne).

Zauważyłem, że ktoś wspomniał o jQuery, ale nie wiedziałem, że jest isArray() funkcja. Okazuje się, że został dodany w wersji 1.3.

JQuery implementuje to tak jak sugeruje Peter:

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

Po włożeniu dużo wiary w jQuery już (zwłaszcza ich techniki dla kompatybilności między przeglądarkami) będę albo uaktualnić do wersji 1.3 i korzystać z ich funkcji (pod warunkiem, że aktualizacja nie powoduje zbyt wiele problemów) lub użyć tej sugerowanej metody bezpośrednio w moim kod.

Wielkie dzięki za sugestie.

Istnieje wiele rozwiązań z własnymi dziwactwami. Ta strona daje dobry przegląd. Jednym z możliwych rozwiązań jest:

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

W nowoczesnych przeglądarkach (i niektórych starszych przeglądarkach), można zrobić

Array.isArray(obj)

(obsługiwane przez Chrome 5, Firefox 4.0, IE 9, Opera 10.5 i Safari 5)

Jeśli potrzebujesz obsługi starszych wersji IE, możesz użyć es5-shim do tablicy polyfill.isArray; lub dodać następujące

# only implement if no native implementation is available
if (typeof Array.isArray === 'undefined') {
  Array.isArray = function(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
  }
};

Jeśli używasz jQuery możesz użyć jQuery.isArray(obj) lub $.isArray(obj). Jeśli używasz podkreślenia, możesz użyć _.isArray(obj)

Jeśli nie musisz wykrywać tablic utworzonych w różnych klatkach, możesz także wystarczy użyć instanceof

obj instanceof Array

Uwaga : słowo kluczowe arguments, które może być użyte do uzyskania dostępu do argumentu funkcji, nie jest tablicą, nawet jeśli (zazwyczaj) zachowuje się jak tablica:

var func = function() {
  console.log(arguments)        // [1, 2, 3]
  console.log(arguments.length) // 3
  console.log(Array.isArray(arguments)) // false !!!
  console.log(arguments.slice)  // undefined (Array.prototype methods not available)
  console.log([3,4,5].slice)    // function slice() { [native code] } 
}
func(1, 2, 3)

To stare pytanie, ale mając ten sam problem znalazłem bardzo eleganckie rozwiązanie, którym chcę się podzielić.

Dodanie prototypu do tablicy sprawia, że jest to bardzo proste

Array.prototype.isArray = true;

Teraz, jeśli masz obiekt, który chcesz przetestować, aby sprawdzić, czy jest tablicą, wystarczy sprawdzić nową właściwość

var box = doSomething();

if (box.isArray) {
    // do something
}

IsArray jest dostępny tylko wtedy, gdy jest tablicą

Via Crockford :

function typeOf(value) {
    var s = typeof value;
    if (s === 'object') {
        if (value) {
            if (value instanceof Array) {
                s = 'array';
            }
        } else {
            s = 'null';
        }
    }
    return s;
}

Główną wadą jest niemożność prawidłowego określenia tablic, które zostały utworzone w innym kontekście, np. window. Ta strona ma znacznie bardziej wyrafinowaną wersję, jeśli jest niewystarczająca.

Osobiście podoba mi się sugestia Piotra: https://stackoverflow.com/a/767499/414784 (dla ECMAScript 3. Dla ECMAScript 5 użyj Array.isArray())

Komentarze do posta wskazują jednak, że jeśli toString() zostanie w ogóle zmieniona, taki sposób sprawdzania tablicy zakończy się niepowodzeniem. Jeśli naprawdę chcesz być konkretny i upewnić się, że toString() nie został zmieniony i nie ma problemów z atrybutem klasy objects ([object Array] jest atrybutem klasy obiektu, który jest tablicą), to polecam zrobić coś takiego:

//see if toString returns proper class attributes of objects that are arrays
//returns -1 if it fails test
//returns true if it passes test and it's an array
//returns false if it passes test and it's not an array
function is_array(o)
{
    // make sure an array has a class attribute of [object Array]
    var check_class = Object.prototype.toString.call([]);
    if(check_class === '[object Array]')
    {
        // test passed, now check
        return Object.prototype.toString.call(o) === '[object Array]';
    }
    else
    {
        // may want to change return value to something more desirable
        return -1; 
    }
}

Zauważ, że w JavaScript the Definitive Guide 6th edition, 7.10, mówi {[1] } jest zaimplementowany przy użyciu Object.prototype.toString.call() W ECMAScript 5. Zauważ również, że jeśli masz zamiar martwić się o zmianę implementacji toString(), powinieneś również martwić się o zmianę każdej innej wbudowanej metody. Dlaczego używać push()? Ktoś może to zmienić! Takie podejście jest głupie. Powyższa kontrola jest oferowanym rozwiązaniem dla tych, którzy martwią się zmianą toString(), ale uważam, że kontrola jest niepotrzebnie.

Kiedy pisałem to pytanie, wersja JQuery, której używałem, nie zawierała isArray funkcji. Gdyby miał, prawdopodobnie użyłbym go ufając, że implementacja jest najlepszym niezależnym od przeglądarki sposobem wykonania tego konkretnego sprawdzenia typu.

Ponieważ JQuery oferuje teraz tę funkcję, zawsze bym jej używał...

$.isArray(obj);

(od wersji 1.6.2) jest nadal zaimplementowany za pomocą porównań na łańcuchach w postaci

toString.call(obj) === "[object Array]"

Pomyślałem, że dodam kolejną opcję dla tych, którzy mogą już używać podkreślenia.biblioteka js w swoim skrypcie. Podkreślam.js ma funkcję isArray () (zobacz http://underscorejs.org/#isArray).

_.isArray(object) 

Zwraca true, jeśli obiekt jest tablicą.

Jeśli masz do czynienia tylko z EcmaScript 5 i nowszymi, możesz użyć wbudowanej funkcji Array.isArray

Np.,

Array.isArray([])    // true
Array.isArray("foo") // false
Array.isArray({})    // false

Jeśli używasz Angular, możesz użyć angular.funkcja isArray ()

var myArray = [];
angular.isArray(myArray); // returns true

var myObj = {};
angular.isArray(myObj); //returns false

Http://docs.angularjs.org/api/ng/function/angular.isArray

W JavaScript The Good Parts , istnieje funkcja sprawdzająca, czy podany argument jest tablicą:

var is_array = function (value) {
    return value &&
        typeof value === 'object' &&
        typeof value.length === 'number' &&
        typeof value.splice === 'function' &&
        !(value.propertyIsEnumerable('length'));
};

Wyjaśnia:

Najpierw pytamy, czy wartość jest prawdziwa. Robimy to, aby odrzucić wartości null i inne fałszywe. Po drugie, pytamy, czy wartość typeof to 'object'. Będzie to prawda dla obiektów, tablic i (co dziwne) null. Po trzecie, pytamy, czy wartość ma właściwość length, która jest liczbą. Zawsze będzie to prawdą dla tablic, ale zazwyczaj nie dla obiektów. Po czwarte, pytamy, czy wartość zawiera metodę splice. To znowu będzie prawdziwe dla wszystkich tablic. Na koniec pytamy, czy właściwość length jest możliwa do wyliczenia(czy length będzie produkowane przez pętlę for in?). To będzie false dla wszystkich tablic. Jest to najbardziej wiarygodny test dla macierzy, jaki znalazłem. Szkoda, że jest to tak skomplikowane.

Użyłem tej linijki kodu:

if (variable.push) {
   // variable is array, since AMAIK only arrays have push() method.
}

Uniwersalne rozwiązanie znajduje się poniżej:

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

Począwszy od ECMAScript 5, formalnym rozwiązaniem jest:

Array.isArray(arr)

Również, dla starych bibliotek JavaScript, można znaleźć poniżej rozwiązanie, choć nie jest wystarczająco dokładne:

var is_array = function (value) {
    return value &&
    typeof value === 'object' &&
    typeof value.length === 'number' &&
    typeof value.splice === 'function' &&
    !(value.propertyIsEnumerable('length'));
};

Rozwiązania są z http://www.pixelstech.net/topic/85-How-to-check-whether-an-object-is-an-array-or-not-in-JavaScript

Kod, o którym mowa w https://github.com/miksago/Evan.js/blob/master/src/evan.js

  var isArray = Array.isArray || function(obj) {
    return !!(obj && obj.concat && obj.unshift && !obj.callee);};

Dla tych, którzy kod-golf, zawodny test z najmniejszą liczbą znaków:

function isArray(a) {
  return a.map;
}

Jest to powszechnie używane podczas przechodzenia / spłaszczania hierarchii:

function golf(a) {
  return a.map?[].concat.apply([],a.map(golf)):a;
}

input: [1,2,[3,4,[5],6],[7,[8,[9]]]]
output: [1, 2, 3, 4, 5, 6, 7, 8, 9]

From w3schools :

function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}

Podobała mi się odpowiedź Briana:

function is_array(o){
    // make sure an array has a class attribute of [object Array]
    var check_class = Object.prototype.toString.call([]);
    if(check_class === '[object Array]')    {
        // test passed, now check
        return Object.prototype.toString.call(o) === '[object Array]';
    } else{
        // may want to change return value to something more desirable
        return -1; 
    }
}

Ale możesz zrobić tak:

return Object.prototype.toString.call(o) === Object.prototype.toString.call([]);

Stworzyłem ten fragment kodu, który może zwracać prawdziwe typy.

Nie jestem jeszcze pewien wydajności, ale jest to próba poprawnego zidentyfikowania typu.

Https://github.com/valtido/better-typeOf również blogował trochę o tym tutaj http://www.jqui.net/jquery/better-typeof-than-the-javascript-native-typeof/

To działa, podobnie jak obecny typeof.

var user = [1,2,3]
typeOf(user); //[object Array]

Wydaje się, że może wymagać trochę dostrojenia, i wziąć pod uwagę rzeczy, nie natknąłem się ani nie Przetestowałem go prawidłowo. dlatego mile widziane są dalsze ulepszenia, niezależnie od tego, czy chodzi o wydajność, czy o nieprawidłowe przeportowanie typeOf.

Myślę, że używając myObj.konstruktor = = obiekt i myArray.konstruktor = = Array jest najlepszym sposobem. Jest prawie 20x szybszy niż użycie ToString (). Jeśli rozszerzasz obiekty o własne konstruktory i chcesz, aby te kreacje były również uważane za "obiekty", to nie działa to, ale poza tym jest szybsze. typeof jest tak samo szybki jak metoda konstruktora, ale typeof [] = = 'object' zwraca true, co często będzie niepożądane. http://jsperf.com/constructor-vs-tostring

Jedna rzecz należy zauważyć, że null.konstruktor wyrzuci błąd, więc jeśli możesz sprawdzać wartości null, musisz najpierw zrobić if (testThing!= = null) {}

Od ... właściwość length jest specjalna dla tablic w javascript, możesz po prostu powiedzieć

obj.length === +obj.length // true if obj is an array

Underscorejs i kilka innych bibliotek używa tej krótkiej i prostej sztuczki.

Coś, co właśnie wymyśliłem:

if (item.length) //This is an array else //not an array