JS精确判断数据类型代码实例

 更新时间:2019年12月18日 16:06:42   作者:大神成长之路  
这篇文章主要介绍了JS精确判断数据类型代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了JS精确判断数据类型代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

普通的判断方式有各种不足,typeof就不说了,判断模糊

constructor这种判断方式是可以,但是也有不足,如果aaa为null或者undefined的时候,代码就会报错

var aaa = {}
aaa.constructor === Object //true

下面介绍一种完美的判方式:利用Object.prototype.toString.call()判断

var toString = Object.prototype.toString;
 
 function isArray(val) {
  return toString.call(val) === '[object Array]'; 
 }
 
 function isObject(val) {
  return toString.call(val) === '[object Object]';
 }
 
 function isNull(val) {
  return toString.call(val) === '[object Null]'; 
 }
 
 function isUndefined(val) {
  return toString.call(val) === '[object Undefined]';
 }

如此,即能判断准确,又不会报错,是不是很完美,欢迎评论留言

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript构建自己的对象示例

    JavaScript构建自己的对象示例

    这篇文章主要介绍了JavaScript构建自己的对象,结合实例形式分析了javascript自定义类的定义与对象的实例化相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • JavaScript 原型继承之构造函数继承

    JavaScript 原型继承之构造函数继承

    JavaScript 是基于原型的面向对象语言。也就是说,每个实例对象都具有一个原型。对象从该原型中继承属性和方法。这一篇将具体说说构造函数的继承。
    2011-08-08
  • JS实现图片轮播跑马灯

    JS实现图片轮播跑马灯

    这篇文章主要为大家详细介绍了原生JS实现图片轮播跑马灯效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详细聊聊TypeScript中any unknown never和void的区别

    详细聊聊TypeScript中any unknown never和void的区别

    这篇文章主要给大家聊聊TypeScript 中 any、unknown、never 和 void 有什么区别,文中有详细的代码实例讲解,具有一定的参考价值,需要的朋友可以参考下
    2023-07-07
  • 原生Js Canvas去除视频绿幕背景的方法实现

    原生Js Canvas去除视频绿幕背景的方法实现

    本文主要介绍了原生Js Canvas去除视频绿幕背景的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • JavaScript中的类(Class)详细介绍

    JavaScript中的类(Class)详细介绍

    这篇文章主要介绍了JavaScript中的类(Class)详细介绍,本文讲解了JavaScript中类的定义、JavaScript中的Constructor(构造函数)、类名等内容,需要的朋友可以参考下
    2014-12-12
  • javascript设计模式 – 中介者模式原理与用法实例分析

    javascript设计模式 – 中介者模式原理与用法实例分析

    这篇文章主要介绍了javascript设计模式 – 中介者模式,结合实例形式分析了javascript中介者模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 浅谈在fetch方法中添加header后遇到的预检请求问题

    浅谈在fetch方法中添加header后遇到的预检请求问题

    下面小编就为大家带来一篇浅谈在fetch方法中添加header后遇到的预检请求问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • electron项目中实现视频下载保存到本地的方式

    electron项目中实现视频下载保存到本地的方式

    这篇文章主要介绍了electron项目中实现视频下载保存到本地的两种实现方式,每种方式结合实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2024-07-07
  • JavaScript的parseInt 进制问题

    JavaScript的parseInt 进制问题

    今天在整理以前写过的一段根据周期值自动计算下次执行日期的js代码,发现一bug,我使用parseInt对源数据串进行转换,当输入类似:2009-05-05时,parseInt将把串的05做8进制转换,这样结果自然就不对了。
    2009-05-05

最新评论