JS中的四种数据类型判断⽅法
⽬录
1、typeof
2、instanceof
3、constructor
4、toString()
本⽂总结了四种判断⽅法：
1、typeof
typeof是⼀个运算符，其有两种使⽤⽅式：(1)typeof(表达式); (2)typeof 变量名；返回值是⼀个字符串，⽤来说明变量的数据类型；所以可以⽤此来判断number, string, object, boolean, function, undefined, symbol 这七种类型，每种情况返回的内容如下表所⽰：
// 字符串
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
instanceof运算符⽤于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，返回值为布尔值，⽤于指⽰⼀个变量是否属于某个对象的实例。其语法如下所⽰：
object instanceof constructor
const arr = [1, 2];
// 判断Object的prototype有没有在数组的原型链上
console.log(arr instanceof Object); // true
// 数组arr的原型
const proto1 = PrototypeOf(arr);
console.log(proto1); // []
// 数组arr的原型的原型
const proto2 = PrototypeOf(proto1);
console.log(proto2); // []
js原型和原型链的理解
// 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引擎会为其添加prototype原型，原型上有其对应的constructor属性指向该构造函数，从⽽原型和构造函数之间互相知道对⽅。当构造函数实例化的时候，会产⽣对应的实例，其实例可以访问对应原型上
的constructor属性，这样该实例就可以了解到通过谁产⽣了⾃⼰，这样就可以在新对象产⽣之后了解其数据类型。
const val1 = 1;
console.structor); // [Function: Number]
const val2 = 'abc';
console.structor); // [Function: String]
const val3 = true;
console.structor); // [Function: Boolean]
虽然该⽅法可以判断其数据类型，但存在两个缺点：
null 和undefined 是⽆效的对象，因此是不会有constructor 存在的，这两种类型的数据需要通过其他⽅式来判断。
函数的constructor 是不稳定的，这个主要体现在⾃定义对象上，当开发者重写prototype 后，原有的constructor 引⽤会丢失，constructor 会默认为Object
4、toString()
toString() 是Object 的原型⽅法，调⽤该⽅法，默认返回当前对象的[[Class]] 。这是⼀个内部属性，其格式为[object Xxx] ，其中Xxx 就是对象的类型。所以利⽤String()⽅法可以对变量的类型进⾏⽐较准确的判断。
该类型针对不同不同变量的类型返回的结果如下所⽰：
利⽤该⽅法很容易构建⼀个鉴型函数，代码如下所⽰：
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 = String.call(target);
return template[str];
}
else{
return ret;
}
}
console.log(type({})); // object
console.log(type(123)); // number
console.log(type('123')); // string
到此这篇关于JS中的四种数据类型判断⽅法的⽂章就介绍到这了，更多相关JS中的数据类型判断⽅法内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。