迎接接见我的个人博客:http://www.xiaolongwu.cn
媒介
近来事情有点忙,好几天都没更新手艺博客了。
周末起床翻开有道云笔记,发明本身的博客todolist里躺了一堆只要名字的文件。
话不多说,我们开干,加油!
干货满满
本日,我们一同进修一下js中的数据范例检测相干的学问,也趁便做个总结。
1、数据范例引见
我们都晓得,在js中分为基本数据范例和庞杂数据范例。
基本数据范例又包含 Sting Number Boolean Null Undefined ,另有一个es6新增的Symbol,我们这先不说。
庞杂数据范例只要一种,那就是Object。
我们日常平凡见到的数组Array、正则RegExp、时候对象Date、函数Function等都属于Object。
2、怎样推断基本数据范例
这点想必人人都晓得,然则我照样要在这里烦琐一下。
推断基本数据范例我们能够挑选typeof来推断。
这里须要注重就是返回值,他的返回值为小写字母开首的字符串。
//字符串
typeof 'leon' // 'sting'
//整数
typeof 22 // 'number'
//undefined
typeof undefined // 'undefined'
//Boolean
typeof true // 'boolean'
//Null
typeof null // 'object' 这为何是object ?
// 由于null示意的是一个空指针,指针示意的是援用型数据,所以返回object
//Object
typeof [1,2.3] //'object'
typeof {a: 'ww'} //'object'
typeof new Date() //'object'
//function
typeof function(){} //"function"
3、instanceof
instanceof是用来检测援用范例,检测是那种范例的实例。
他的返回值为Boolean值,真为true,否则为false。
不能检测null,会报错。
// 这类检测体式格局平常不经常运用
[1, 2] instanceof Array //true
({a: 1}) instanceof Object //true
(function(){}) instanceof Function //true
4、Constructor
返回效果为组织器,也能够检测自定义范例;
然则不适用于null和undefined。
'leon'.constructor == String // true
(1234).constructor == Number // true
(true).constructor == Boolean // true
[1, 2].constructor == Array // true
({name:'leon'}).constructor == Object // true
(function(){}).constructor == Function // true
检测自定义范例
function Leon(){}
var leon = new Leon();
leon.constructor == Leon; // true
5、Object.prototype.toString.call(obj)
这类体式格局是最威望的,也是许多框架插件中用到的要领,引荐运用;
Object.prototype.toString.call('leon'); //"[object String]"
Object.prototype.toString.call(1234); //"[object Number]"
Object.prototype.toString.call(true); //"[object Boolean]"
Object.prototype.toString.call([1,2,3]); //"[object Array]"
Object.prototype.toString.call({name:'leon'}); //"[object Object]"
Object.prototype.toString.call(function(){}); //"[object Function]"
Object.prototype.toString.call(null); //"[object Null]"
Object.prototype.toString.call(undefined); //"[object Undefined]"
实际运用时,能够这么写
var test = Object.prototype.toString.call('leon');
if(test == "[object String]") {
console.log('这是个字符串')
}
//固然我们也能够挑选用正则去推断第二个单词,从而获得数据的范例
github文章资本地点:js基本–数据范例检测的相干学问
我的CSDN博客地点:https://blog.csdn.net/wxl1555
假如您对我的博客内容有迷惑或质疑的处所,请在下方批评区留言,或邮件给我,配合进修提高。
邮箱:wuxiaolong802@163.com