Найточніший спосіб перевірити тип об'єкта JS?

typeofОператор не допомагає нам знайти реальний тип об'єкта.

Я вже бачив такий код:

Object.prototype.toString.apply(t)  

Питання:

Дійсно це самий точний спосіб перевірки типу об'єкта?

Специфікація JavaScript дає точно один правильний спосіб визначення класу об'єкта:

Object.prototype.toString.call(t);

http://bonsaiden.github.com/JavaScript-Garden/#types

Object.prototype.toStringце хороший спосіб, але його продуктивність є гіршим.

http://jsperf.com/check-js-type

Використовуйте typeofдля вирішення якоїсь основної проблеми (String, Number, Boolean ...) і використовуйте Object.prototype.toStringдля вирішення чогось складного (наприклад, Array, Date, RegExp).

і це моє рішення:

var type = (function(global) {
    var cache = {};
    return function(obj) {
        var key;
        return obj === null ? 'null' // null
            : obj === global ? 'global' // window in browser or global in nodejs
            : (key = typeof obj) !== 'object' ? key // basic: string, boolean, number, undefined, function
            : obj.nodeType ? 'object' // DOM element
            : cache[key = ({}).toString.call(obj)] // cached. date, regexp, error, object, array, math
            || (cache[key] = key.slice(8, -1).toLowerCase()); // get XXXX from [object XXXX], and cache it
    };
}(this));

використовувати як:

type(function(){}); // -> "function"
type([1, 2, 3]); // -> "array"
type(new Date()); // -> "date"
type({}); // -> "object"

Прийнята відповідь є правильною, але мені подобається визначати цю маленьку утиліту в більшості проектів, які я будую.

var types = {
   'get': function(prop) {
      return Object.prototype.toString.call(prop);
   },
   'null': '[object Null]',
   'object': '[object Object]',
   'array': '[object Array]',
   'string': '[object String]',
   'boolean': '[object Boolean]',
   'number': '[object Number]',
   'date': '[object Date]',
}

Використовується так:

if(types.get(prop) == types.number) {

}

Якщо ви використовуєте кутовий, ви навіть можете його чисто вводити:

angular.constant('types', types);

var o = ...
var proto =  Object.getPrototypeOf(o);
proto === SomeThing;

Тримайте ручку на прототипі, який ви очікуєте, що об'єкт має, а потім порівняйте з ним.

наприклад

var o = "someString";
var proto =  Object.getPrototypeOf(o);
proto === String.prototype; // true

Я заперечую, що більшість показаних тут рішень страждають від надмірної інженерії. Мабуть, найпростіший спосіб перевірити, чи є значення типу, [object Object]це перевірити його .constructorвластивість:

function isObject (a) { return a != null && a.constructor === Object; }

або навіть коротше за допомогою стрілочних функцій:

const isObject = a => a != null && a.constructor === Object;

a != nullЧастина необхідна тому , що один може пройти в nullабо , undefinedі ви не можете отримати властивість конструктора з будь-якого з них.

Він працює з будь-яким об’єктом, створеним за допомогою:

• Objectконструктор
• літерали {}

Ще одна особлива особливість цього - це можливість давати правильні звіти для користувацьких класів, якими користуються Symbol.toStringTag. Наприклад:

class MimicObject {
  get [Symbol.toStringTag]() {
    return 'Object';
  }
}

Проблема тут полягає в тому, що при виклику Object.prototype.toStringйого екземпляра [object Object]буде повернуто помилковий звіт :

let fakeObj = new MimicObject();
Object.prototype.toString.call(fakeObj); // -> [object Object]

Але перевірка конструктора дає правильний результат:

let fakeObj = new MimicObject();
fakeObj.constructor === Object; // -> false

Найкращий спосіб з’ясувати тип РЕАЛЬНОГО об’єкта (включаючи НАРОДНУ назву об’єкта чи DataType (наприклад, String, Date, Number, ..etc)) та РЕАЛЬНИЙ тип об'єкта (навіть нестандартні); це захоплення властивість імені конструктора прототипу об'єкта:

Рідний тип Ex1:

var string1 = "Test";
console.log(string1.__proto__.constructor.name);

дисплеї:

String

Ex2:

var array1 = [];
console.log(array1.__proto__.constructor.name);

дисплеї:

Array

Спеціальні класи:

function CustomClass(){
  console.log("Custom Class Object Created!");
}
var custom1 = new CustomClass();

console.log(custom1.__proto__.constructor.name);

дисплеї:

CustomClass

Старе питання я знаю. Вам не потрібно його конвертувати. Дивіться цю функцію:

function getType( oObj )
{
    if( typeof oObj === "object" )
    {
          return ( oObj === null )?'Null':
          // Check if it is an alien object, for example created as {world:'hello'}
          ( typeof oObj.constructor !== "function" )?'Object':
          // else return object name (string)
          oObj.constructor.name;              
    }   

    // Test simple types (not constructed types)
    return ( typeof oObj === "boolean")?'Boolean':
           ( typeof oObj === "number")?'Number':
           ( typeof oObj === "string")?'String':
           ( typeof oObj === "function")?'Function':false;

}; 

Приклади:

function MyObject() {}; // Just for example

console.log( getType( new String( "hello ") )); // String
console.log( getType( new Function() );         // Function
console.log( getType( {} ));                    // Object
console.log( getType( [] ));                    // Array
console.log( getType( new MyObject() ));        // MyObject

var bTest = false,
    uAny,  // Is undefined
    fTest  function() {};

 // Non constructed standard types
console.log( getType( bTest ));                 // Boolean
console.log( getType( 1.00 ));                  // Number
console.log( getType( 2000 ));                  // Number
console.log( getType( 'hello' ));               // String
console.log( getType( "hello" ));               // String
console.log( getType( fTest ));                 // Function
console.log( getType( uAny ));                  // false, cannot produce
                                                // a string

Низька вартість і проста.

Я зібрав невелику утиліту для перевірки типу, натхненну вищевказаними правильними відповідями:

thetypeof = function(name) {
        let obj = {};
        obj.object = 'object Object'
        obj.array = 'object Array'
        obj.string = 'object String'
        obj.boolean = 'object Boolean'
        obj.number = 'object Number'
        obj.type = Object.prototype.toString.call(name).slice(1, -1)
        obj.name = Object.prototype.toString.call(name).slice(8, -1)
        obj.is = (ofType) => {
            ofType = ofType.toLowerCase();
            return (obj.type === obj[ofType])? true: false
        }
        obj.isnt = (ofType) => {
            ofType = ofType.toLowerCase();
            return (obj.type !== obj[ofType])? true: false
        }
        obj.error = (ofType) => {
            throw new TypeError(`The type of ${name} is ${obj.name}: `
            +`it should be of type ${ofType}`)
        }
        return obj;
    };

приклад:

if (thetypeof(prop).isnt('String')) thetypeof(prop).error('String')
if (thetypeof(prop).is('Number')) // do something