這篇文章主要為大家詳細(xì)介紹了JavaScript判斷數(shù)據(jù)類型的方法，代碼比較詳細(xì)全面，非常適合初學(xué)者入門，感興趣的小伙伴們可以參考一下。

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計,三江侗網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:三江侗等地區(qū)。三江侗做網(wǎng)站價格咨詢:18982081108

1、 常用的typeof

對于array、object、null的判斷是不友好的，可以看下圖的執(zhí)行結(jié)果。

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測試構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對象的原型鏈中的任何位置。
如果你了解原型鏈，你會知道原型鏈的復(fù)雜性，instanceof得到的值并不是固定不變的，它會沿著原型鏈查找，最明顯的是所有的基本數(shù)據(jù)類型都繼承與Object.protype.

[任何數(shù)據(jù)類型] instanceof Object
> true

如下圖：

3.最終方案：Object.prototype.toString.call()

下面是兼容性方案最好、最全面、也是最有效的：
下面有兩種實現(xiàn)方式(原型方法和全局方法)，可以根據(jù)自己的需要選擇。

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

  // 添加到數(shù)據(jù)類型的原型中，不支持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'))

以上就是JavaScript判斷數(shù)據(jù)類型的方法，代碼示例簡單明了，如果在日常工作遇到此問題。通過這篇文章，希望你能有所收獲，更多詳情敬請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站欄目：JavaScript判斷數(shù)據(jù)類型的方法-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dhgpjs.html