Як визначити, чи є змінною масив

Який найкращий де-факто стандартний крос-браузерний метод для визначення того, чи є змінна в 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 - трохи відрегульований, щоб мати сенс поза контекстом)

Викрадення у гуру Джона Ресіга та джикері:

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

Що ти будеш робити зі значенням, коли вирішиш, що це масив?

Наприклад, якщо ви маєте намір перерахувати містяться значення, якщо це схоже на масив АБО, якщо це об'єкт, який використовується як хеш-таблиця, то наступний код отримує те, що ви хочете (цей код припиняється, коли функція закриття повертає все інше ніж "невизначений". Зауважте, що він НЕ ітерається над 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, тобто7

Одну з найкращих досліджених та обговорюваних версій цієї функції можна знайти на сайті 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 повернути помилкове (IE8 / Chrome)