Вопрос: Как вы проверяете, является ли переменная массивом в JavaScript? [Дубликат]


На этот вопрос уже есть ответ:

Я хотел бы проверить, является ли переменная либо массивом, либо единственным значением в JavaScript.

Я нашел возможное решение ...

if (variable.constructor == Array)...

Это лучший способ сделать это?


1456


источник


Ответы:


Существует несколько способов проверки, является ли переменная массивом или нет. Лучшее решение - это тот, который вы выбрали.

variable.constructor === Array

Это самый быстрый способ для Chrome, и, скорее всего, все остальные браузеры. Все массивы - это объекты, поэтому проверка свойства constructor - быстрый процесс для движков JavaScript.

Если у вас возникли проблемы с выяснением, является ли свойство объектов массивом, вы должны сначала проверить, существует ли свойство.

variable.prop && variable.prop.constructor === Array

Некоторые другие способы:

variable instanceof Array

Этот метод работает 1/3 скорость как первый пример. Все еще довольно солидно, выглядит чище, если вы все о хорошем коде и не столько о производительности. Обратите внимание, что проверка чисел не работает variable instanceof Numberвсегда возвращается false, Обновить: instanceofтеперь идет 2/3 скорости!

Array.isArray(variable)

Этот последний, на мой взгляд, самый уродливый, и он один из самых медленных. В качестве первого примера используется скорость около 1/5. Array.prototype, на самом деле является массивом. Вы можете прочитать больше об этом здесь https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

Итак, еще одно обновление

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

Этот парень самый медленный, пытаясь проверить Массив. Тем не менее, это универсальный магазин для любого типа, который вы ищете. Однако, поскольку вы ищете массив, используйте самый быстрый метод выше.

Кроме того, я провел несколько тестов: http://jsperf.com/instanceof-array-vs-array-isarray/33 Так что повеселиться и проверить это.

Примечание. @EscapeNetscape создал еще один тест, так как jsperf.com не работает. http://jsben.ch/#/QgYAV Я хотел убедиться, что исходная ссылка останется, когда jsperf возвращается в онлайн.


1270



Вы также можете использовать:

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

Это кажется мне довольно элегантным решением, но для каждого из них.

Редактировать:

Начиная с ES5 в настоящее время также:

Array.isArray(value);

Но это сломается на старых браузерах, если вы не используете полисы (в основном ... IE8 или аналогичные).


971



Я заметил, что кто-то упомянул jQuery, но я не знал, что есть isArray()функция. Оказывается, это было добавлено в версии 1.3.

jQuery реализует его, как предлагает Питер:

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

Положив много веры в jQuery (особенно их методы совместимости с несколькими браузерами), я либо обновляюсь до версии 1.3, либо воспользуюсь их функцией (при условии, что обновление не вызовет слишком много проблем) или используйте этот предложенный метод непосредственно в моем код.

Большое спасибо за предложения.


72



There are multiple solutions with all their own quirks. This page gives a good overview. One possible solution is:

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

71



In modern browsers (and some legacy browsers), you can do

Array.isArray(obj)

(Supported by Chrome 5, Firefox 4.0, IE 9, Opera 10.5 and Safari 5)

If you need to support older versions of IE, you can use es5-shim to polyfill Array.isArray; or add the following

# 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]';
  }
};

If you use jQuery you can use jQuery.isArray(obj) or $.isArray(obj). If you use underscore you can use _.isArray(obj)

If you don't need to detect arrays created in different frames you can also just use instanceof

obj instanceof Array

Note: the arguments keyword that can be used to access the argument of a function isn't an Array, even though it (usually) behaves like one:

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)

51



This is an old question but having the same problem i found a very elegant solution that i want to share.

Adding a prototype to Array makes it very simple

Array.prototype.isArray = true;

Now once if you have an object you want to test to see if its an array all you need is to check for the new property

var box = doSomething();

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

isArray is only available if its an array


49



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

The main failing Crockford mentions is an inability to correctly determine arrays that were created in a different context, e.g., window. That page has a much more sophisticated version if this is insufficient.


45



I personally like Peter's suggestion: https://stackoverflow.com/a/767499/414784 (for ECMAScript 3. For ECMAScript 5, use Array.isArray())

Comments on the post indicate, however, that if toString() is changed at all, that way of checking an array will fail. If you really want to be specific and make sure toString() has not been changed, and there are no problems with the objects class attribute ([object Array] is the class attribute of an object that is an array), then I recommend doing something like this:

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

Note that in JavaScript The Definitive Guide 6th edition, 7.10, it says Array.isArray() is implemented using Object.prototype.toString.call() in ECMAScript 5. Also note that if you're going to worry about toString()'s implementation changing, you should also worry about every other built in method changing too. Why use push()? Someone can change it! Such an approach is silly. The above check is an offered solution to those worried about toString() changing, but I believe the check is unnecessary.


26