Bir değişkenin bir dizi olup olmadığı nasıl tespit edilir

JavaScript'teki bir değişkenin bir dizi olup olmadığını belirlemek için en iyi fiili standart çapraz tarayıcı yöntemi nedir?

İnternette arama yaparken, bir dizi farklı öneri vardır, bazıları iyi ve bazıları geçersizdir.

Örneğin, aşağıdaki temel bir yaklaşımdır:

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

Bununla birlikte, dizi boşsa veya obj aslında bir dizi değilse, ancak bir uzunluk özelliği uygularsa, ne olacağını unutmayın.

Peki, gerçekten çalışma, tarayıcılar arası olma ve yine de verimli performans açısından en iyi uygulama hangisidir?

JS'deki nesnelerin tür kontrolü instanceof, örn.

obj instanceof Array

Her karenin kendi Arraynesnesi olduğundan, nesne kare sınırlarının ötesine geçirilirse bu çalışmaz . Nesnenin dahili [[Class]] özelliğini kontrol ederek bu sorunu çözebilirsiniz . Bunu elde etmek için kullanın Object.prototype.toString()(bunun ECMA-262 tarafından çalışması garantilidir):

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

Her iki yöntem de yalnızca gerçek diziler için çalışır ve argumentsnesne veya düğüm listeleri gibi dizi benzeri nesneler için çalışmaz . Dizi benzeri tüm nesnelerin sayısal bir lengthözelliği olması gerektiğinden, bunları şu şekilde kontrol ederim:

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

Dizelerin bu denetimi geçeceğini ve IE'nin dizinin karakterlerine dizine göre erişime izin vermemesi nedeniyle sorunlara yol açabileceğini lütfen unutmayın. Bu nedenle, değiştirmek isteyebilirsiniz typeof obj !== 'undefined'üzere typeof obj === 'object'farklı türleri ile ilkeller ve ana nesneleri dışlamak için 'object'alltogether. Bu, yine de manuel olarak dışarıda bırakılması gereken dize nesnelerinin geçmesine izin verecektir.

Çoğu durumda, aslında bilmek istediğiniz şey, sayısal indeksler aracılığıyla nesne üzerinde yineleme yapıp yapamayacağınızdır. Bu nedenle, nesnenin 0bunun yerine adlandırılmış bir özelliğe sahip olup olmadığını kontrol etmek iyi bir fikir olabilir, bu şu kontrollerden biriyle yapılabilir:

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

Nesneye çevrim, dizi benzeri ilkellerin (yani dizelerin) doğru çalışması için gereklidir.

JS dizileri için sağlam denetimler için kod:

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

ve yinelenebilir (yani boş olmayan) dizi benzeri nesneler:

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 5. Sürümün gelişi , bir değişken bir dizi ise, Array.isArray () olarak bize en kesin test yöntemini verir :

Array.isArray([]); // true

Burada kabul edilen cevap, çoğu tarayıcı için çerçeveler ve pencereler arasında çalışacak olsa da, Internet Explorer 7 ve daha önceki sürümler için geçerli değildir , çünkü Object.prototype.toStringfarklı bir pencereden bir dizide çağrılanlar geri dönmez [object Object], dönmez [object Array]. IE 9 da bu davranışa gerilemiş görünüyor (aşağıdaki güncellenmiş düzeltmeye bakın).

Tüm tarayıcılarda çalışan bir çözüm istiyorsanız, şunları kullanabilirsiniz:

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

Tamamen kırılmaz değil, ancak yalnızca onu kırmaya çalışan biri tarafından kırılabilir. IE7 ve daha düşük ve IE9'daki sorunlar etrafında çalışır. Hata IE 10 PP2'de hala mevcuttur , ancak yayınlanmadan önce düzeltilebilir.

Not: Eğer çözümden emin değilseniz, bunu kalp içeriğinize göre test etmenizi ve / veya blog yazısını okumanızı tavsiye ederim. Koşullu derlemeyi kullanmaktan rahatsızsanız, orada başka olası çözümler de var.

Crockford'un "İyi Parçalar" ın 106. sayfasında iki cevabı var. İlki kurucuyu kontrol eder, ancak farklı çerçevelerde veya pencerelerde yanlış negatifler verir. İşte ikincisi:

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

Crockford arguments, herhangi bir dizi yöntemine sahip olmasa da, bu sürümün diziyi bir dizi olarak tanımlayacağına işaret ediyor .

Sorunla ilgili ilginç tartışması 105. sayfada başlıyor.

Burada, bu öneriyi içeren başka ilginç tartışma (Post-Good Parts) var :

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

Tüm tartışmalar, bir şeyin bir dizi olup olmadığını bilmek istememe neden oluyor.

jQuery, bunu yapmanın en iyi yolunu öneren bir isArray işlevi uygular.

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

(jQuery v1.3.2'den alınan pasaj - bağlam dışında anlamlı olması için biraz ayarlandı)

Guru John Resig ve jquery'den çalmak:

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

Bir dizi olduğuna karar verdiğinizde değerle ne yapacaksınız?

Örneğin, içerilen değerleri bir dizi gibi görünüyorsa VEYA karma tablo olarak kullanılan bir nesneyse , içerdiği değerleri numaralandırmayı planlıyorsanız , aşağıdaki kod istediğiniz şeyi alır (bu kod, kapatma işlevi başka bir şey döndürdüğünde durur) COM kapsayıcıları veya numaralandırmalar üzerinde yineleme yapmadığını unutmayın; bu, okuyucu için bir alıştırma olarak bırakılmıştır):

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

(Not: "o! = Null" hem boş hem de tanımsız için testler)

Kullanım örnekleri:

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

Bunu CouchDB'de (SpiderMonkey) yapıyorsanız, o zaman şunu kullanın:

Array.isArray(array)

gibi array.constructor === Arrayveya array instanceof Arrayçalışmıyor. Kullanmak array.toString() === "[object Array]"işe yarıyor ama buna kıyasla oldukça tehlikeli görünüyor.

Çapraz tarayıcı istiyorsanız, jQuery.isArray istersiniz .

Açık W3School oldukça standart olmalı bir örnek yoktur.

Bir değişkenin bir dizi olup olmadığını kontrol etmek için buna benzer bir şey kullanırlar

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

Chrome, Firefox, Safari, ie7 üzerinde test edildi

Bu işlevin en iyi araştırılmış ve tartışılmış sürümlerinden biri PHPJS sitesinde bulunabilir . Paketlere bağlanabilir veya doğrudan işleve gidebilirsiniz . JavaScript'teki PHP işlevlerinin iyi yapılandırılmış eşdeğerleri için siteyi şiddetle tavsiye ederim.

Oluşturuculara eşit yeterli referans yok. Bazen farklı kurucu referansları vardır. Bu yüzden onların dize temsillerini kullanıyorum.

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

Değiştir Array.isArray(obj)tarafındanobj.constructor==Array

örnekler:

Array('44','55').constructor==Array doğruya dön (IE8 / Chrome)

'55'.constructor==Array yanlış döndür (IE8 / Chrome)