Как определить, является ли переменная массивом

Каков наилучший де-факто стандартный кроссбраузерный метод определения того, является ли переменная в JavaScript массивом или нет?

При поиске в Интернете можно найти множество различных предложений, некоторые из которых хороши, а некоторые нет.

Например, следующий базовый подход:

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

Однако обратите внимание, что происходит, если массив пуст или obj на самом деле не массив, а реализует свойство длины и т. Д.

Итак, какая реализация является лучшей с точки зрения фактической работы, кроссбраузерности и эффективности?

Проверка типов объектов в JS осуществляется через instanceof, т.е.

obj instanceof Array

Это не сработает, если объект передается через границы кадра, поскольку каждый кадр имеет свой собственный Arrayобъект. Вы можете обойти это, проверив внутреннее свойство [[Class]] объекта. Чтобы получить его, используйте Object.prototype.toString()(это гарантирует работу ECMA-262):

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

Оба метода будут работать только для реальных массивов, а не для объектов, подобных массиву, таких как argumentsсписки объектов или узлов. Поскольку все объекты, подобные массиву, должны иметь числовое lengthсвойство, я бы проверил их следующим образом:

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

Обратите внимание, что строки проходят эту проверку, что может привести к проблемам, поскольку IE не разрешает доступ к символам строки по индексу. Поэтому вы можете изменить typeof obj !== 'undefined'на, typeof obj === 'object'чтобы исключить примитивы и объекты хоста с типами, отличными от'object' . Это по-прежнему позволит передавать строковые объекты, которые придется исключать вручную.

В большинстве случаев вы действительно хотите знать, можете ли вы перебирать объект с помощью числовых индексов. Поэтому было бы неплохо проверить, есть ли у объекта указанное свойство 0, что можно сделать с помощью одной из следующих проверок:

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

Приведение к объекту необходимо для правильной работы для примитивов, подобных массиву (то есть строк).

Вот код для надежных проверок массивов JS:

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

и повторяемые (т.е. непустые) объекты, подобные массиву:

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;
    }
}

Появление ECMAScript 5th Edition дает нам самый надежный метод проверки того, является ли переменная массивом, Array.isArray () :

Array.isArray([]); // true

Хотя принятый здесь ответ будет работать во фреймах и окнах для большинства браузеров, он не будет работать для Internet Explorer 7 и ниже , потому что Object.prototype.toStringвызов массива из другого окна вернется [object Object], а не [object Array]. IE 9, похоже, также регрессировал к этому поведению (см. Обновленное исправление ниже).

Если вам нужно решение, которое работает во всех браузерах, вы можете использовать:

(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;
        }
    }
})();

Он не совсем неразрушимый, но его может сломать только тот, кто изо всех сил пытается его сломать. Он помогает обойти проблемы IE7 и ниже и IE9. Ошибка все еще существует в IE 10 PP2 , но может быть исправлена ​​до выпуска.

PS, если вы не уверены в решении, я рекомендую вам проверить его, сколько душе угодно, и / или прочитать сообщение в блоге. Есть и другие потенциальные решения, если вам неудобно использовать условную компиляцию.

У Крокфорда есть два ответа на странице 106 книги «Хорошие стороны». Первый проверяет конструктор, но дает ложные отрицательные результаты в разных фреймах или окнах. Вот второй:

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

Крокфорд указывает, что эта версия идентифицирует argumentsмассив как массив, даже если в ней нет никаких методов массива.

Его интересное обсуждение проблемы начинается на странице 105.

Существует одно интересное обсуждение (пост-Good Parts) здесь , который включает в себя это предложение:

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

Все обсуждения заставляют меня никогда не знать, является ли что-то массивом.

jQuery реализует функцию isArray, которая предлагает лучший способ сделать это -

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

(фрагмент взят из jQuery v1.3.2 - немного скорректирован, чтобы иметь смысл вне контекста)

Похищение у гуру Джона Ресига и jquery:

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

Что вы собираетесь делать со значением, когда решите, что это массив?

Например, если вы намереваетесь перечислить содержащиеся значения, если он выглядит как массив ИЛИ, если это объект, используемый в качестве хеш-таблицы, то следующий код получает то, что вы хотите (этот код останавливается, когда функция закрытия возвращает что-либо другое чем "undefined". Обратите внимание, что он НЕ выполняет итерацию по контейнерам COM или перечислениям; это оставлено в качестве упражнения для читателя):

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;
}

(Примечание: "o! = Null" тесты для null и undefined)

Примеры использования:

// 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] );
        }
    })
}

Если вы делаете это в CouchDB (SpiderMonkey), используйте

Array.isArray(array)

как array.constructor === Arrayили array instanceof Arrayне работают. Использование array.toString() === "[object Array]"действительно работает, но по сравнению с ним кажется довольно хитрым.

Если вам нужен кросс-браузер, вам нужен jQuery.isArray .

В w3school есть пример, который должен быть вполне стандартным.

Чтобы проверить, является ли переменная массивом, они используют что-то похожее на это

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

протестировано в Chrome, Firefox, Safari, IE7

Одну из наиболее изученных и обсуждаемых версий этой функции можно найти на сайте PHPJS . Вы можете ссылаться на пакеты или напрямую переходить к функции . Я настоятельно рекомендую этот сайт за хорошо продуманные эквиваленты функций PHP в JavaScript.

Недостаточно ссылок, равных конструкторам. Иногда у них есть разные ссылки на конструктор. Поэтому я использую их строковые представления.

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

Заменить Array.isArray(obj)наobj.constructor==Array

образцы:

Array('44','55').constructor==Array вернуть истину (IE8 / Chrome)

'55'.constructor==Array вернуть false (IE8 / Chrome)