変数が配列かどうかを検出する方法

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以下では機能しません。IE 9もこの動作に後退しているようです（以下の更新された修正を参照）。Object.prototype.toString[object Object][object Array]

すべてのブラウザーで機能するソリューションが必要な場合は、以下を使用できます。

(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、ソリューションについて不明な点がある場合は、心のこもったコンテンツでテストするか、ブログ投稿を読むことをお勧めします。条件付きコンパイルを使用することに不安がある場合は、他にも解決策が考えられます。

Crockfordは、「良い部分」の106ページに2つの答えがあります。最初のものはコンストラクターをチェックしますが、異なるフレームまたはウィンドウにわたって偽陰性を与えます。これが2番目です。

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

Crockfordは、このargumentsメソッドは配列メソッドを持たない場合でも、配列を配列として識別すると指摘しています。

問題に関する彼の興味深い議論は105ページから始まります。

ここには、この提案を含む、さらに興味深いディスカッション（ポストグッドパーツ）があります。

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から抜粋したスニペット-コンテキスト外で理解できるように少し調整されています）

第一人者のJohn Resigとjqueryから盗む：

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と未定義の両方をテストします）

使用例：

// 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でテスト済み

この関数の最もよく研​​究され議論されたバージョンの1つは、PHPJSサイトにあります。パッケージにリンクすることも、関数に直接移動することもできます。私は、JavaScriptでPHP関数と同等に構築された同等のサイトを強くお勧めします。

コンストラクタと同等の参照が不十分です。時々彼らはコンストラクタの異なる参照を持っています。だから私はそれらの文字列表現を使用します。

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

交換するArray.isArray(obj)ことにより、obj.constructor==Array

サンプル：

Array('44','55').constructor==Array trueを返す（IE8 / Chrome）

'55'.constructor==Array falseを返す（IE8 / Chrome）