1、typeof 类型判断

缺点：无法区分null 、对象、数组，Map，Set，WeakMap，WeakSet、RegExp等

注意：通过构造函数创建的变量typeof 后是都是object

var a = ''
console.log(typeof a)  // stringa = 0
console.log(typeof a)  // numbera = null
console.log(typeof a)  // objecta = undefined
console.log(typeof a)  // undefineda = true
console.log(typeof a)  // booleana = Symbol()
console.log(typeof a)  // symbola = {}
console.log(typeof a)  // objecta = []
console.log(typeof a)  // objecta = function(){}
console.log(typeof a)  // functiona = /\d+/
console.log(typeof a)  // objecta = new Date()
console.log(typeof a)  // objecta = new Map()
console.log(typeof a)  // objecta = new Set()
console.log(typeof a)  // objecta = new WeakMap()
console.log(typeof a)  // objecta = new WeakSet()
console.log(typeof a)  // object

2、instanceof 判断

缺点：

1、只能判断通过构造函数创建的变量，字面量创建的变量无法判断

2、只能区分对象是否存在目标对象的原型链上

var a = ''
console.log(a instanceof String)  // falsea = new String('')
console.log(a instanceof String)  // true// Vue2.6源码，使用 instanceof
function Vue(options){if(this instanceof Vue){}
}a = new Vue({})
console.log(a instanceof Vue) // true

3、通过构造函数的名称判断

缺点：

1、不能判断null和undefined

2、构造函数的指向是可以改变的，因此会存在类型判断不准确

var a = ''
console.log(a.constructor) // ƒ String() { [native code] }a = new String('')
console.log(a.constructor) // ƒ String() { [native code] }
console.log(a.constructor.name)  // Stringa = 1
console.log(a.constructor.name) // Numbera = false
console.log(a.constructor.name) // Booleana = []
console.log(a.constructor.name) // Arraya = {}
console.log(a.constructor.name) // Objecta = new Date()
console.log(a.constructor.name) // Datea = function(){}
console.log(a.constructor.name) // Functiona = /\d+/
console.log(a.constructor.name) // RegExpa = Symbol()
console.log(a.constructor.name) // Symbola = new Map()
console.log(a.constructor.name) // Mapa = new Set()
console.log(a.constructor.name) // Seta = new WeakMap()
console.log(a.constructor.name) // WeakMapa = new WeakSet()
console.log(a.constructor.name) // WeakSet

4、toString方法判断

优点：能够校验所有的数据类型

缺点：不能判断谁是谁的实例

var toString = Object.prototype.toStringvar a = null
console.log(toString.call(a))  // [object Null]a = undefined
console.log(toString.call(a))  // [object Undefined]a = ''
console.log(toString.call(a))  // [object String]a = 1
console.log(toString.call(a))  // [object Number]a = false
console.log(toString.call(a))  // [object Boolean]a = {}
console.log(toString.call(a))  // [object Object]a = []
console.log(toString.call(a))  // [object Array]a = function(){}
console.log(toString.call(a))  // [object Function]a = Symbol()
console.log(toString.call(a))  // [object Symbol]a = /\d+/
console.log(toString.call(a))  // [object RegExp]a = new Map()
console.log(toString.call(a))  // [object Map]a = new Set()
console.log(toString.call(a))  // [object Set]a = new WeakMap()
console.log(toString.call(a))  // [object WeakMap]a = new WeakSet()
console.log(toString.call(a))  // [object WeakSet]

javascript 判断数据类型的几种方法 1相关推荐

JavaScript判断数据类型有几种方法，以及它们的区别
JavaScript有五种数据判断类型方法: typeof instanceof constructor Object.prototype.toString.call()
JS判断数据类型的5种方法
我们先来了解一下JS中数据类型有哪些基本数据类型(值类型):String.Number.boolean.null.undefined.symbol(es6新增的) 引用数据类型 (引用类型):obj ...
js 判断数据类型的几种方法
粗体判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法 ...
判断数据类型的5种方法
1. typeof 可以判断数据类型,它返回表示数据类型的字符串(返回结果只能包括number,boolean,string,function,object,undefined): 可以使用typeo ...
js 判断数据类型的四种方法
1,typeof typeof 返回的数据类型有 undefined boolean (true,false) string symbol number function object 注意 typ ...
html数据类型判断,JS中判断数据类型的几种方法
1⃣️首先我们来了解一下js中的数据类型 1.基本数据类型:Undefined.Null.Boolean.Number.String(值类型) 2.复杂数据类型:Object(引用类型) (值类型和引 ...
JS-循环清空对象判断数据类型的5种常用方法
应用场景:一个页面具有大量数据录入功能,在数据录入保存成功之后,需要刷新页面,即清空所有的数据.因为我把所有的字段定义到一个对象中,所以要清空这个对象,如果字段少,可以直接赋值清空,但是数据多的时候, ...
JavaScript判断数据类型的方法
JavaScript判断数据类型的方法 1 数据类型有哪些? 2 判断JavaScript数据类型的方法 2.1 typeof 2.2 instanceof 2.3 constructor 2.4 t ...
JavaScript 判断数据类型
JavaScript 判断数据类型首先JavaScript基本数据类型有:number null undefined string boolean es6以后还新增了bigint和symbol (上 ...

javascript 判断数据类型的几种方法 1

1、typeof 类型判断

2、instanceof 判断

3、通过构造函数的名称判断

4、toString方法判断

javascript 判断数据类型的几种方法 1相关推荐

最新文章

热门文章