Javascript 변수 유형을 얻는 더 좋은 방법은 무엇입니까?

JS보다 변수 유형을 얻는 더 좋은 방법이 typeof있습니까? 당신이 할 때 잘 작동합니다 :

> typeof 1
"number"
> typeof "hello"
"string"

그러나 시도 할 때 쓸모가 없습니다.

> typeof [1,2]
"object"
>r = new RegExp(/./)
/./
> typeof r
"function"

나는 알고 instanceof있지만 사전에 유형을 알아야합니다.

> [1,2] instanceof Array
true
> r instanceof RegExp
true

더 좋은 방법이 있습니까?

Angus Croll은 최근 이것에 관한 흥미로운 블로그 게시물을 썼습니다.

http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/

그는 다양한 방법의 장단점을 살펴보고 새로운 방법 'toType'을 정의합니다.

var toType = function(obj) {
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

를 사용해보십시오 constructor.name.

[].constructor.name
new RegExp().constructor.name

모든 JavaScript와 마찬가지로 누군가는 결국 이것이 어떻게 든 악하다고 지적 할 것이므로 이를 잘 다루는 답변에 대한 링크가 있습니다.

대안은 사용하는 것입니다 Object.prototype.toString.call

Object.prototype.toString.call([])
Object.prototype.toString.call(/./)

합리적으로 좋은 형식 캡처 기능은 YUI3에서 사용하는 것입니다 .

var TYPES = {
    'undefined'        : 'undefined',
    'number'           : 'number',
    'boolean'          : 'boolean',
    'string'           : 'string',
    '[object Function]': 'function',
    '[object RegExp]'  : 'regexp',
    '[object Array]'   : 'array',
    '[object Date]'    : 'date',
    '[object Error]'   : 'error'
},
TOSTRING = Object.prototype.toString;

function type(o) {
    return TYPES[typeof o] || TYPES[TOSTRING.call(o)] || (o ? 'object' : 'null');
};

이것은 자바 스크립트가 제공하는 많은 프리미티브를 캡처하지만 항상 TYPES객체 를 수정하여 더 많은 것을 추가 할 수 있습니다 . 참고 typeof HTMLElementCollection사파리보고에서 function, 그러나 유형 (HTMLElementCollection) 반환합니다object

다음 기능이 유용 할 수 있습니다.

function typeOf(obj) {
  return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}

또는 ES7에서 (추가 개선의 경우 의견)

function typeOf(obj) {
  const { toString } = Object.prototype;
  const stringified = obj::toString();
  const type = stringified.split(' ')[1].slice(0, -1);

  return type.toLowerCase();
}

결과 :

typeOf(); //undefined
typeOf(null); //null
typeOf(NaN); //number
typeOf(5); //number
typeOf({}); //object
typeOf([]); //array
typeOf(''); //string
typeOf(function () {}); //function
typeOf(/a/) //regexp
typeOf(new Date()) //date
typeOf(new Error) //error
typeOf(Promise.resolve()) //promise
typeOf(function *() {}) //generatorfunction
typeOf(new WeakMap()) //weakmap
typeOf(new Map()) //map

오류, 약속, 생성기 함수를 알려 주신 @johnrees에게 감사드립니다.

또한 우리는 ipr101 에서 작은 예제를 변경할 수 있습니다

Object.prototype.toType = function() {
  return ({}).toString.call(this).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

로 전화

"aaa".toType(); // 'string'

한 줄 기능 :

function type(obj) {
    return Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/,"$1").toLowerCase()
}

이것은 같은 결과를 제공합니다 jQuery.type()

Object.prototype.toString모든 객체에 적용 할 수 있습니다 .

var toString = Object.prototype.toString;

console.log(toString.call([]));
//-> [object Array]

console.log(toString.call(/reg/g));
//-> [object RegExp]

console.log(toString.call({}));
//-> [object Object]

이것은 IE를 제외하고 모든 브라우저에서 잘 작동합니다. 다른 창에서 얻은 변수에서 이것을 호출하면 그냥 뱉어집니다 [object Object].

내 2 ¢! 실제로, 내가 여기에 던지는 이유 중 일부는 긴 답변 목록에도 불구하고 조금 더 많은 all in one유형의 솔루션 을 제공하고 더 많은 것을 포함하도록 확장하는 방법에 대한 피드를 다시 얻는 것입니다.real types 입니다.

다음과 같은 솔루션을 사용하여 위에서 언급 한 것처럼 여기에있는 몇 가지 솔루션을 결합하고 가능한 경우 jQuery 정의 객체 의 값을 반환하기위한 수정 사항 을 통합했습니다 . 또한 기본 Object 프로토 타입에 메소드를 추가합니다. 다른 확장 프로그램을 방해 할 수 있기 때문에 종종 금기 사항이라는 것을 알고 있지만 . 이 방법이 마음에 들지 않으면 원하는 곳에서 기본 함수를 복사하고 전달할 인수 매개 변수로 모든 변수를 바꾸십시오 (예 : arguments [0]).jQueryuser bewarethis

;(function() {  //  Object.realType
    function realType(toLower) {
        var r = typeof this;
        try {
            if (window.hasOwnProperty('jQuery') && this.constructor && this.constructor == jQuery) r = 'jQuery';
            else r = this.constructor && this.constructor.name ? this.constructor.name : Object.prototype.toString.call(this).slice(8, -1);
        }
        catch(e) { if (this['toString']) r = this.toString().slice(8, -1); }
        return !toLower ? r : r.toLowerCase();
    }
    Object['defineProperty'] && !Object.prototype.hasOwnProperty('realType')
        ? Object.defineProperty(Object.prototype, 'realType', { value: realType }) : Object.prototype['realType'] = realType;
})();

그런 다음 간단히 다음과 같이 쉽게 사용하십시오.

obj.realType()  //  would return 'Object'
obj.realType(true)  //  would return 'object'

참고 : 인수에는 1 개의 인수가 있습니다. 부울 인 경우 true반환 값은 항상 소문자 입니다.

더 많은 예 :

true.realType();                            //  "Boolean"
var a = 4; a.realType();                    //  "Number"
$('div:first').realType();                   // "jQuery"
document.createElement('div').realType()    //  "HTMLDivElement"

다른 라이브러리 (Moo, Proto, Yui, Dojo 등)로 객체가 생성 된 시간을 정의하는 것과 같이 도움이 될만한 추가 사항이 있으면 언제든지 의견을 말하거나 편집하여 더 많이 사용하십시오. 정확하고 정확합니다. 또는 GitHub내가 그것을 위해 만든 롤오버 하고 알려주세요. cdn min 파일에 대한 빠른 링크도 있습니다.

function getType(obj) {
    if(obj && obj.constructor && obj.constructor.name) {
        return obj.constructor.name;
    }
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

내 예비 테스트에서 이것은 잘 작동합니다. 첫 번째 경우는 "new"로 생성 된 개체의 이름을 인쇄하고 두 번째 경우는 다른 모든 것을 포착해야합니다.

(8, -1)결과가 항상 시작 [object하고 끝날 것이라고 가정하기 때문에 사용 하고 ]있지만 모든 시나리오에서 이것이 사실인지는 확실하지 않습니다.

여기에서 가장 보편적 인 해결책은 먼저 확인 undefined하고 null먼저 전화하는 것 constructor.name.toLowerCase()입니다.

const getType = v =>
  v === undefined
    ? 'undefined'
    : v === null
      ? 'null'
      : v.constructor.name.toLowerCase();




console.log(getType(undefined)); // 'undefined'
console.log(getType(null)); // 'null'
console.log(getType('')); // 'string'
console.log(getType([])); // 'array'
console.log(getType({})); // 'object'
console.log(getType(new Set())); // `set'
console.log(getType(Promise.resolve())); // `promise'
console.log(getType(new Map())); // `map'

typeof if-else 조건에서 변수 유형을 확인하는 경우 조건은 변수 유형을 확인하는 데 사용됩니다.

if(typeof Varaible_Name "undefined")
{

}