JavaScript を使用してオブジェクトが配列であるかどうかを判断する

1. typeof

最初に考えられるのは、データ型を検出するためにtypeofを使用することですが、Function、String、Number、Unknownなどの基本的な型の場合は、typeofを使用して次のことを行うことができます。たとえば、コードは次のとおりです:

function test(){}
console.log(typeof 1); // number
console.log(typeof test); // function 
console.log(typeof "yunxi"); // string
console.log(typeof undefined); // undefined

しかし、配列または正規表現の場合、typeofを使用して検出することは満足のいくものではありません。配列または正規表現を検出すると、返される型はになるからです。 object object (次のコードに示すように):

console.log(typeof []);  // object
console.log(typeof /\d+/g); // object

2. Instanceof

これから、オブジェクトが配列のインスタンスであるかどうかを検出するために、instanceof を使用すると簡単に考えることができます。検出ではブール値が返されます。配列である場合は true を返し、それ以外の場合は false を返します。配列であるかどうかを検出するための上記のコードを見てみましょう:

console.log([] instanceof Array);  // true
console.log(/\d+/g instanceof Array); // false

上記からわかるように、instanceof は実際に配列であるかどうかを判断するために使用できます。これは配列要素です。

3. コンストラクター属性

javascript では、各オブジェクトには、不明なオブジェクトの型を決定するなど、オブジェクトを初期化するコンストラクター を参照するコンストラクター属性があります。

function isArray(obj) {
    return typeof obj == 'object' && obj.constructor == Array
}
// 测试demo
console.log(isArray([])); // true
var a = {"a":1};
console.log(isArray(a)); // false

var b = [1,2,3];
console.log(isArray(b)); // true
console.log(isArray(/\d+/g));// false

上記と同じように、isArray メソッドを呼び出すことで、それが配列要素であるかどうかを判断することもできます。

2 番目と 3 番目のポイントでは、instanceof メソッドとコンストラクター属性をそれぞれ使用すると、それが配列であるかどうかを判断できるようですが、クロスフレームを使用する場合にページを使用するなどの例外もあります。 iframe 配列、異なる iframe で作成された配列はプロトタイプ属性を互いに共有しないため、失敗します。次のコード テストで検証できます~

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;       
var arr = new xArray("1","2","3","4","5");
//这个写法IE下是不支持的，标准浏览器firefox，chrome下有

console.log(arr);  // 打印出 ["1", "2", "3", "4", "5"]
console.log(arr instanceof Array); // false 
console.log(arr.constructor === Array); // false

上記のメソッド Array メソッドを使用してオブジェクトであるかどうかを判断することはできません。ただし、ECMA262 を見ると、次のコードのように Object.prototype.toString.call() メソッドを使用してオブジェクトが配列であるかどうかを判断できることがわかります。

以上がJavaScript を使用してオブジェクトが配列であるかどうかを判断するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。