客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
本文总结了四种判断方法： 1、typeof
// 字符串
console.log(typeof('lili')); // string
// 数字
console.log(typeof(1)); // number
// 布尔值
console.log(typeof(true)); // boolean
// undefined
console.log(typeof(undefined)); // undefined
// 对象
console.log(typeof({})); // object
// 数组
console.log(typeof([])); // object
// null
console.log(typeof(null)); // object
// 函数
console.log(typeof(() => {})); // function
// Symbol值
console.log(typeof(Symbol())); // symbol
2、instanceof
object instanceof constructor const arr = [1, 2]; // 判断Object的prototype有没有在数组的原型链上 console.log(arr instanceof Object); // true // 数组arr的原型 const proto1 = Object.getPrototypeOf(arr); console.log(proto1); // [] // 数组arr的原型的原型 const proto2 = Object.getPrototypeOf(proto1); console.log(proto2); // [] // Object的prototype console.log(Object.prototype); // 判断arr的原型是否与Object的prototype相等 console.log(proto1 === Object.prototype); // false // 判断arr的原型的原型是否与Object的prototype相等 console.log(proto2 === Object.prototype); // true 3、constructor该种判断方式其实涉及到原型、构造函数和实例之间的关系，更深层次的讲解将放到后面的内容，下面只需要简单了解一下这三者关系即可。 在定义一个函数(构造函数)的时候，JS引擎会为其添加 const val1 = 1; console.log(val1.constructor); // [Function: Number] const val2 = 'abc'; console.log(val2.constructor); // [Function: String] const val3 = true; console.log(val3.constructor); // [Function: Boolean] 虽然该方法可以判断其数据类型，但存在两个缺点：
4、toString()
该类型针对不同不同变量的类型返回的结果如下所示： 利用该方法很容易构建一个鉴型函数，代码如下所示：
function type(target) {
const ret = typeof(target);
const template = {
"[object Array]": "array",
"[object Object]":"object",
"[object Number]":"number - object",
"[object Boolean]":"boolean - object",
"[object String]":'string-object'
}
if(target === null) {
return 'null';
}
else if(ret == "object"){
const str = Object.prototype.toString.call(target);
return template[str];
}
else{
return ret;
}
}
console.log(type({})); // object
console.log(type(123)); // number
console.log(type('123')); // string
到此这篇关于JS中的四种数据类型判断方法的文章就介绍到这了,更多相关JS中的数据类型判断方法内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论