使用js判断数据类型

最新推荐文章于 2023-07-07 08:24:54 发布

-Dayer-

最新推荐文章于 2023-07-07 08:24:54 发布

阅读量217

点赞数

分类专栏： JavaScript 文章标签：数据类型 typeof constructor Object.prototype.toString.call

本文链接：https://blog.csdn.net/WDCCSDN/article/details/82386960

版权

JavaScript 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

出去溜达的时候，也会有人问如何判断js数据类型，我当时回答是使用
typeof 判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)

console.log(typeof 1 , typeof null, typeof {}, typeof [], typeof (function(){}) ,typeof undefined, typeof '222', typeof true)
结果：number object object object function undefined string boolean

紧接着是烂大街的问法是如何区分数组和对象，我的回答是

使用constructor，来判断，

console.log([].constructor == Array, {}.constructor == Object)
结果： true true

刚才突然想到，那如何区分null,undefined ？
可以使用Object.prototype.toString.call，用来更精确的区分数据类型。

var getDataType=Object.prototype.toString;
console.log(getDataType.call('字符串'), getDataType.call(1), getDataType.call(true), getDataType.call(undefined),getDataType.call(null), getDataType.call({}), getDataType.call([]), getDataType.call(function(){}));
结果：[object String] [object Number] [object Boolean] [object Undefined] [object Null] [object Object] [object Array] [object Function]

下面是我封装的函数，感兴趣可以直接使用

const judgeType = {
		getDataType () {
			return Object.prototype.toString
		},
		isObject (par) {
			return judgeType.getDataType().call(par) == "[object Object]"
		},
		isArray (par) {
			return judgeType.getDataType().call(par) == "[object Array]"
		},
		isString (par) {
			return judgeType.getDataType().call(par) == "[object String]"
		},
		isNumber (par) {
			return judgeType.getDataType().call(par) == "[object Number]"
		},
		isBoolean (par) {
			return judgeType.getDataType().call(par) == "[object Boolean]"
		},
		isUndefined (par) {
			return judgeType.getDataType().call(par) == '[object Undefined]'
		},
		isNull (par) {
			return judgeType.getDataType().call(par) == '[object Null]'
		},
		isFunction (par) {
			return judgeType.getDataType().call(par) == '[object Function]'
		}
	}