js中如何准确判断一个变量的类型?

33 篇文章 0 订阅
10 篇文章 0 订阅

JS基础变量类型

在JS中,有6种基本数据类型和一种复杂数据类型,
基本数据类型有:undefined,Null,Boolean,Number和String,es6中,还有Symbol;
复杂数据类型有:Array,Function,date等等

typeof判断变量类型

typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回object。

instanceof检查

ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与typeof 运算符相似,用于识别正在处理的对象的类型。instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。

使用Object.prototype.toString.call

定义:首先,取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于”[object Array]“的字符串作为结果(看过ECMA标准的应该都知道,[[]]用来表示语言内部用到的、外部不可直接访问的属性,称为“内部属性”)。

var results = []
for (let i in allVarMap) {
 results.push(Object.prototype.toString.call(allVarMap[i]))
}
console.log(results.join())
// [object Number],[object Number],[object Number],[object String],[object Boolean],[object Array],[object Object],[object Function],[object Function],[object Undefined],[object Null],[object Date],[object RegExp],[object Error]

实现getValType函数
根据上面的分析,我们可以先用typeOf函数判断出基础类型number,string,function,boolean,undefined。然后如果结果是object,我们再用Object.prototype.toString.call来判断出具体的类型。

var getVarType = function (val = 0) {
 var type = typeof val
 // object需要使用Object.prototype.toString.call判断
 if (type === 'object') {
  var typeStr = Object.prototype.toString.call(val)
  // 解析[object String]
  typeStr = typeStr.split(' ')[1]
  type = typeStr.substring(0, typeStr.length - 1)
 }
 return type
}
var results = []
for (let i in allVarMap) {
 results.push(getVarType(allVarMap[i]))
}
console.log(results.join())
// number,number,number,string,boolean,Array,Object,function,function,number,Null,Date,RegExp,Error

总结
1.typeOf能判断出一个变量的类型,但是只能判断出number,string,function,boolean,undefined,null和其他对象类型返回结果都为object.
2.instanceof能判断出一个对象是否是另一个类的实例。
3.Object.prototype.toString.call能判断出所有变量的类型,返回值为[Object ***]。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript ,可以使用 `typeof` 运算符来判断变量数据类型。`typeof` 运算符返回一个表示数据类型的字符串。 以下是一些常见的数据类型及其对应的 `typeof` 返回值: - `undefined`:表示未定义的值。使用 `typeof` 判断时,返回 `'undefined'`。 - `boolean`:表示布尔值。使用 `typeof` 判断时,返回 `'boolean'`。 - `number`:表示数字。使用 `typeof` 判断时,返回 `'number'`。 - `string`:表示字符串。使用 `typeof` 判断时,返回 `'string'`。 - `symbol`:表示符号(ES6 新增)。使用 `typeof` 判断时,返回 `'symbol'`。 - `bigint`:表示大整数(ES2020 新增)。使用 `typeof` 判断时,返回 `'bigint'`。 - `object`:表示对象(包括数组、函数、日期等)。使用 `typeof` 判断时,返回 `'object'`。请注意,`typeof null` 返回 `'object'`,这是一个历史遗留问题。 - `function`:表示函数。使用 `typeof` 判断时,返回 `'function'`。 以下是使用 `typeof` 运算符判断变量数据类型的示例: ```javascript const undefinedVariable = undefined; console.log(typeof undefinedVariable); // 'undefined' const booleanVariable = true; console.log(typeof booleanVariable); // 'boolean' const numberVariable = 42; console.log(typeof numberVariable); // 'number' const stringVariable = 'Hello'; console.log(typeof stringVariable); // 'string' const symbolVariable = Symbol('foo'); console.log(typeof symbolVariable); // 'symbol' const bigintVariable = BigInt(9007199254740991); console.log(typeof bigintVariable); // 'bigint' const objectVariable = { name: 'John' }; console.log(typeof objectVariable); // 'object' const arrayVariable = [1, 2, 3]; console.log(typeof arrayVariable); // 'object' const functionVariable = function() {}; console.log(typeof functionVariable); // 'function' ``` 需要注意的是,`typeof` 运算符对于对象(包括数组和函数)返回的都是 `'object'`。如果需要更准确判断对象的具体类型,可以使用其他方法,比如 `Array.isArray()` 判断是否为数组,`instanceof` 运算符判断是否为特定类型的实例等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值