JavaScript(코드)의 데이터 유형 판단 방법 소개

이 글은 JavaScript 데이터 유형(코드)을 판단하는 방법을 소개합니다. 참고할 만한 가치가 있으니 도움이 필요한 분들에게 도움이 되길 바랍니다.

1. 일반적으로 사용되는 typeof

는 배열, 객체, null에 대한 판단에 우호적이지 않습니다. 아래 그림에서 실행 결과를 볼 수 있습니다.

var obj = {
  number:123,
  string: '123',
  bool: true,
  obj: {},
  arr: [],
  n: null,
  undef: undefined,
  fn: function () {}
}

for(key in obj) {
  console.log(key + ": " + typeof obj[key])
}

2.instanceof

instanceof는 생성자의 프로토타입 속성이 객체의 프로토타입 체인 어디에나 나타나는지 테스트합니다.
프로토타입 체인을 이해하면 프로토타입 체인의 복잡성을 알 수 있습니다. 인스턴스 오브로 얻은 값은 프로토타입 체인을 따라 검색됩니다. 가장 분명한 것은 모든 기본 데이터 유형이 Object.protype에서 상속된다는 것입니다. .

[任何数据类型] instanceof Object
> true

아래와 같습니다:

3. 최종 솔루션: Object.prototype.toString.call()

다음은 가장 포괄적이고 효과적인 호환성 솔루션입니다.
아래에는 두 가지 유형이 있습니다. 구현 방법(프로토타입 방법 및 전역 방법)은 필요에 따라 선택할 수 있습니다.

(function () {
  function isType(type,data) {
    // data是全局方法时使用的,原型方法可不填
    return Object.prototype.toString.call(data || this) === '[object ' + type + ']'
  }
  // 全局方法支持null和undefined
  // window.isType = isType

  // 添加到数据类型的原型中，不支持null和undefined
    Object.defineProperty(Object.prototype,'isType',{
      value:isType,
      writable:true,
        enumerable:false,
        configurable:true
    });
})()

사용법:

var str = 'abc';
// 全局方法
isType('String', str) // True

// 原型方法
str.isType('String')

테스트 코드:

var obj = {
  test: {
    number:123,
    string: '123',
    obj: {},
    bool: true,
    arr: [],
    n: null,
    undef: undefined,
    fn: function () {

    }
  }
}
// 原型方法不支持null和undefined，请用“===”
console.log(obj.test.number.isType('Number'))
console.log(obj.test.number.isType('String'))

console.log(obj.test.string.isType('String'))
console.log(obj.test.string.isType('Number'))

console.log(obj.test.obj.isType('Object'))
console.log(obj.test.obj.isType('Array'))

console.log(obj.test.arr.isType('Array'))
console.log(obj.test.arr.isType('Object'))


console.log(obj.test.fn.isType('Function'))
console.log(obj.test.fn.isType('Object'))

이 기사는 여기에 있습니다. 더 많은 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트의 JavaScript 비디오 튜토리얼 열을 참조하세요. ! !

위 내용은 JavaScript(코드)의 데이터 유형 판단 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!