JS数据类型判断有哪些方法,具体如何使用
Admin 2022-07-06 群英技术资讯 505 次浏览
本文总结了四种判断方法:
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
instanceof
运算符用于检测构造函数的 prototype
属性是否出现在某个实例对象的原型链上,返回值为布尔值,用于指示一个变量是否属于某个对象的实例。其语法如下所示:
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
该种判断方式其实涉及到原型、构造函数和实例之间的关系,更深层次的讲解将放到后面的内容,下面只需要简单了解一下这三者关系即可。
在定义一个函数(构造函数)的时候,JS引擎会为其添加prototype
原型,原型上有其对应的constructor
属性指向该构造函数,从而原型和构造函数之间互相知道对方。当构造函数实例化的时候,会产生对应的实例,其实例可以访问对应原型上的constructor
属性,这样该实例就可以了解到通过谁产生了自己,这样就可以在新对象产生之后了解其数据类型。
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]
虽然该方法可以判断其数据类型,但存在两个缺点:
null
和 undefined
是无效的对象,因此是不会有 constructor
存在的,这两种类型的数据需要通过其他方式来判断。constructor
是不稳定的,这个主要体现在自定义对象上,当开发者重写 prototype
后,原有的 constructor
引用会丢失,constructor
会默认为 Object
toString()
是 Object
的原型方法,调用该方法,默认返回当前对象的 [[Class]]
。这是一个内部属性,其格式为[object Xxx]
,其中 Xxx 就是对象的类型。所以利用Object.prototype.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
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
求素数的方法:1、遍历1~n区间中的所有自然数给n来除,若余数为0则表示该数n不是素数,否则就是素数,语法“for(i=2;i<n;i++){if(n%i===0){return false;}}”。2、利用素数平方根范围,语法“for(i=2;i<=Math.sqrt(n);i++){if(n%i===0){return false;}}”。
这篇文章主要为大家介绍了requestAnimationFrame定时动画屏幕刷新率节流示例浅析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
响应式基本原理是基于Object.defineProperty(obj, prop, descriptor), descriptor里面可以定义get和set方法,可以在获取属性值事触发get方法(可以收集依赖),设置属性值时触发set方法(更新依赖)。
这篇文章给大家分享的是有关ue实现侧边滑出菜单栏的内容,这里是使用vue-drawer-layout实现手势滑出菜单栏这个效果,具体实现效果及代码如下,小编觉得挺实用的,因此分享给大家做个参考,接下来一起跟随小编看看吧。
node.js导致进程退出是什么原因?NodeJS进程推出的因素通常是主动退出、未捕获的异常、未处理的 promise rejection、未处理的 Event Emitter error 事件和系统信号这三种,接下来我们详细了解看看。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008