js のデータ型を決定するいくつかの方法

js のデータ型を決定するには、typeof、instanceof、constructor、prototype、$.type()/jquery.type() といういくつかのメソッドがあります。 次に、これらのメソッドの類似点と相違点を主に比較します。

いくつか例を挙げてみましょう:

var a = "iamstring.";
var b = 222;
var c= [1,2,3];
var d = new Date();
var e = function(){alert(111);};
var f = function(){this.name="22";};　　

1. 最も一般的な判定方法: typeof

alert(typeof a)  ------------> string
alert(typeof b)  ------------> number
alert(typeof c)  ------------> object
alert(typeof d)  ------------> object
alert(typeof e)  ------------> function
alert(typeof f)  ------------> function

typeof によって返される型はすべて文字列形式であることに注意してください:

alert(typeof a == "string") -------------> true
alert(typeof a == String) ---------------> false

さらに、typeof は関数の型を決定でき、Object 以外の型のオブジェクトを決定する場合に便利です。

2. 既知のオブジェクトタイプを決定するメソッド:instanceof

alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false

注:instanceof の後にはオブジェクトタイプを指定する必要があり、大文字と小文字を区別する必要があります。このメソッドは一部の条件付き選択または分岐に適しています。

3. オブジェクトのコンストラクターに基づいて判断します:constructor

alert(c.constructor === Array) ----------> true
alert(d.constructor === Date) --- --------> true
alert(e.constructor === Function) -------> true

注: クラスが継承されるとコンストラクターが失敗します

例:

function A(){};
function B(){};
A.prototype = new B(); //A继承自B
var aObj = new A();
alert(aobj.constructor === B) -----------> true;
alert(aobj.constructor === A) -----------> false;

instanceof メソッドにはこの問題はありません。オブジェクトの直接継承と間接継承の両方で true が報告されます。

alert(aobj instanceof B) ----------------> true;
alert(aobj instanceof B) ----------------> true;

本題に戻りますが、コンストラクターの問題を解決するには、通常、次のコンストラクターを使用します。オブジェクトは手動でそれ自体を指します:

aobj.constructor = A; //将自己的类赋值给对象的constructor属性
alert(aobj.constructor === A) -----------> true;
alert(aobj.constructor === B) -----------> false; //基类不会报true了;

4. 一般的ですが面倒なメソッド:prototype

alert(Object.prototype.toString.call(a) === ‘[object String]') -------> true;
alert(Object.prototype.toString.call(b) === ‘[object Number]') -------> true;
alert(Object.prototype.toString.call(c) === ‘[object Array]') -------> true;
alert(Object.prototype.toString.call(d) === ‘[object Date]') -------> true;
alert(Object.prototype.toString.call(e) === ‘[object Function]') -------> true;
alert(Object.prototype.toString.call(f) === ‘[object Function]') -------> true;

大文字を間違って書くことはできません。これはより面倒ですが、より汎用的です。

5. 無敵で全能のメソッド: jquery.type()

オブジェクトが未定義または null の場合は、対応する「未定義」または「null」が返されます。

jQuery.type( undefined ) === "undefined"
jQuery.type() === "undefined"
jQuery.type( window.notDefined ) === "undefined"
jQuery.type( null ) === "null"

ブラウザの組み込みオブジェクトの [[Class]] と同じ内部 [[Class]] がオブジェクトにある場合、対応する [[Class]] 名を返します。 (このテクニックの詳細については、こちらをご覧ください。)

jQuery.type( true ) === "boolean"
jQuery.type( 3 ) === "number"
jQuery.type( "test" ) === "string"
jQuery.type( function(){} ) === "function"
jQuery.type( [] ) === "array"
jQuery.type( new Date() ) === "date"
jQuery.type( new Error() ) === "error" // as of jQuery 1.9
jQuery.type( /test/ ) === "regexp"

それ以外のものはすべて、そのタイプ「object」を返します。

通常は、typeof を使用して判断できます。オブジェクトの型がわかっている場合は、instanceof またはコンストラクター メソッドを使用できます。他に選択肢がない場合は、$.type() メソッドを使用します。

以上がこの記事の内容です。この記事の内容が皆さんの勉強や仕事に少しでもお役に立てれば幸いです。また、PHP中国語ウェブサイトも応援したいと思っています。

データ型を決定するいくつかの方法に関するその他の js 関連記事については、PHP 中国語 Web サイトに注目してください。