ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript はオブジェクトが配列であるかどうかを判断します_javascript のヒント

JavaScript はオブジェクトが配列であるかどうかを判断します_javascript のヒント

WBOY
WBOYオリジナル
2016-05-16 15:24:191035ブラウズ

この記事では、オブジェクトが配列であるかどうかを判断するための 3 つの JavaScript メソッドを紹介します。

1.

の種類

データ型を検出するには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 を使用してそれらを検出するのは満足のいくものではありません。配列または正規表現を検出すると、返される型は次のコードに示すようにオブジェクトになるためです。

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

2.

のインスタンス

このことから、オブジェクトが配列のインスタンスであるかどうかを検出するために、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 メソッドとコンストラクター属性をそれぞれ使用すると、それが配列であるかどうかを判断できるようですが、クロスを使用するときにページ内で配列を使用する場合などの例外もあります。 -frame 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

上記のメソッドではオブジェクトが配列であるかどうかを判断できませんが、ECMA262 から

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

function isArray(obj) {
  return Object.prototype.toString.call(obj) == '[object Array]';
}
// 代码调用
console.log(isArray([])); // true
console.log(isArray([1,2,3])); // true

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");

console.log(arr); // ["1","2","3","4","5"]
console.log(isArray(arr)); // true
上記は、JavaScript を使用してオブジェクトが配列であるかどうかを判断する方法を学習するのに役立つこの記事の内容全体です。あなたの学習に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。