変数が Array_javascript 型であるかどうかを判断するメソッド-jsチュートリアル-php.cn

変数が Array_javascript 型であるかどうかを判断するメソッド

WBOY

リリース： 2016-05-16 17:22:28

オリジナル

1210 人が閲覧しました

多くの場合、変数の配列型を決定する必要があります。 JavaScript で変数が配列型であるかどうかを判断する方法について最近調べたので、皆さんのお役に立てれば幸いです。

JavaScript でオブジェクトを検出するメソッド
1.typeof 演算子
このメソッドは、Function、文字列、数値、未定義などですが、配列オブジェクトを検出した場合は機能しません。

コードをコピーしますコードは次のとおりです。

 
alert(typeof null); // " object" 
alert(typeof function () { 
return 1; 
}); // "function" 
alert(typeof '蒙龍駅'); // "string" 
alert ( typeof 1); // "数値" 
alert(typeof a); // "未定義" 
alert(typeof []); " object" 

 

2.instanceof 演算子この演算子は、JavaScript のオブジェクト指向に多少関連しています。これを理解するには、まず JavaScript のオブジェクト指向を理解する必要があります。。この演算子は、オブジェクトのプロトタイプチェーンがコンストラクターのプロトタイプオブジェクトを指しているかどうかを検出するためです。
var arr = [1,2,3,1];
alert(arr instanceof Array); // true

3. オブジェクトのコンストラクター属性インスタンスオブ、各オブジェクトにはコンストラクター属性もあり、配列の判断に使用されるようです。

コードをコピーコードは次のとおりです:

var arr = [1,2,3 ,1] ; 
alert(arr.constructor === Array); // true

2 番目と 3 番目のメソッドは完璧に見えますが、実際にはまだいくつかの抜け穴があります。フレーム内を往復する場合は、この 2 つの方法が最適です。各 iframe には独自の実行環境があるため、フレーム間でインスタンス化されたオブジェクトは相互にプロトタイプチェーンを共有しないため、上記の検出コードは失敗します。

コピーコードコードは次のとおりです。

var iframe = document.createElement('iframe') //iframe を作成します 
document.body.appendChild(iframe); / /本体に追加 
xArray = window.frames[window.frames.length-1].Array; 
var arr = new xArray(1,2,3); // 配列を宣言します3] 
alert(arr instanceof Array); // false 
alert(arr.constructor === Array) // false 

 

配列型の検出メソッド上記の方法は完璧に見えますが、結局のところいくつかの問題があります。次に、完璧と言える比較的良い方法をいくつか紹介します。

1.Object.prototype.toString Object.prototype.toString の動作: まず、オブジェクトの内部プロパティ [[Class]] を取得し、次にこのプロパティに基づいて、次のような値を返します。 "[object Array]" の文字列が結果として使用されます (ECMA 標準を読んだことがある人は、[[]] が言語の内部で使用される属性を表すために使用され、言語から直接アクセスできないことを知っているはずです)外部、「内部属性」と呼ばれます)。このメソッドを呼び出しと組み合わせて使用すると、任意のオブジェクトの内部属性 [[Class]] を取得し、型検出を文字列比較に変換して目的を達成できます。

コードをコピーコードは次のとおりです。

function isArrayFn (o) {
return Object.toString.call(o) === '[オブジェクト配列]'
}
var arr = [1,2,3,1]; );// true

call は、toString の this 参照を検出対象のオブジェクトに変更し、このオブジェクトの文字列表現を返し、文字列が '[object Array]' であるかどうかを比較して、それが Array のインスタンスであるかどうかを判断します。 o.toString() を直接実行しないのはなぜでしょうか? Array は Object から継承しますが、toString メソッドも持ちますが、このメソッドは書き換えられて要件を満たさない可能性があり、Object.prototype はトラの尻です。あえて触れようとする人はほとんどいないため、その「純度」はある程度保証できます:)

JavaScript 標準ドキュメントの定義: [[Class]] の値は次の文字列の 1 つだけです。 : 引数、配列、ブール値、日付、エラー、関数、JSON、数学、数値、オブジェクト、正規表現、文字列
このメソッドは組み込みオブジェクトを識別する場合に非常に便利ですが、カスタムにはこのメソッドを使用しないでください。オブジェクト。
2.Array.isArray()
ECMAScript5 では、値が配列であるかどうかを正確に検出する目的で、Array.isArray() を JavaScript に正式に導入しました。 IE9、Firefox 4、Safari 5、Opera 10.5、および Chrome はすべてこのメソッドを実装しています。ただし、IE8 より前のバージョンはサポートされていません。
3. より良いリファレンス
上記の方法に基づいて、配列を記述するための現在の最良の方法があります。

code コードは次のとおりです。

 
var arr = [1,2,3,1]; 
var arr2 = [{ abac : 1, abc : 2 }]; 
function isArrayFn(value){ 
if (typeof Array.isArray === "関数") { 
return Array.isArray(value); 
 🎜> return Object.prototype.toString.call(value) === "[オブジェクト配列]"; 
} 
} 
alert(isArrayFn(arr));// true 
alert( isArrayFn( arr2));// true 

 

JavaScript で変数が配列型であるかどうかを判断する方法上記は、変数が配列型であるかどうかを判断するために私が共有した方法です。 JavaScript が皆さんのお役に立てれば幸いです。