javascript - typeof を正確に取得する方法は、オブジェクト/配列/null です..?

Question

var obj = {},ar = [],nothing=null,empty=undefined,word ='string',headorTail = true;

console.log(typeof obj) //object
console.log(typeof ar)//object
console.log(typeof nothing)//object
console.log(typeof empty)//undefined
console.log(typeof word)//string
console.log(typeof headorTail)//boolean

しかし、どうすれば obj,ar,nothing のタイプを取得でき"object, array,null"ますか?これを達成するための最良の方法は何ですか?

Answer 1

jQuery を使用する場合は、以下を使用できますjQuery.type。

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(/test/) === "regexp"

それ以外はすべて"object"その型として返されます。

Answer 2

function getType(obj) {
    // Object.toString returns something like "[object Type]"
    var objectName = Object.prototype.toString.call(obj);
    // Match the "Type" part in the first capture group
    var match = /\[object (\w+)\]/.exec(objectName);

    return match[1].toLowerCase();
}

// Test it!
var arr = [null, undefined, {}, [], 42, "abc"];
arr.forEach(function(e){ console.log(getType(e)); });

MDNのObject.toStringを参照してください。

Answer 3

コンストラクター名の抽出を試みることができます。JQuery は必要ありません。

function safeConstructorGet(obj) {
  try {
    console.log(obj.constructor.name) //object        
  } catch (e) {
    console.log(obj)
  }
}

safeConstructorGet(obj); //Object
safeConstructorGet(ar);  //Array
safeConstructorGet(nothing);  //null
safeConstructorGet(empty);  //undefined
safeConstructorGet(word);  //String
safeConstructorGet(headorTail); //Boolean

Answer 4

Even this too good!

function getType(v) {
    return (v === null) ? 'null' : (v instanceof Array) ? 'array' : typeof v;
}

var myArr = [1,2,3];
var myNull = null;
var myUndefined;
var myBool = false;
var myObj = {};
var myNum = 0;
var myStr = 'hi';