JavaScript中的数据类型检测方法

yukki-

已于 2023-09-02 15:02:40 修改

阅读量44

点赞数

文章标签： javascript 前端

于 2023-09-02 11:38:47 首次发布

本文链接：https://blog.csdn.net/m0_62351147/article/details/132635660

版权

本文比较了JavaScript中的typeof、instanceof、constructor和Object.prototype.toString四种数据类型检测方法，探讨其底层原理、优缺点以及适用场景，强调了它们在处理复杂对象和基本数据类型的区别。

摘要由CSDN通过智能技术生成

typeof

底层原理

直接在计算机底层基于数据类型的值（二进制）进行检测

tyepof(null) => "object"

对象存储在计算机中，都是以000开始的二进制存储，null也是，所以检测出来的结果是对象

typeof 普通对象/数组对象/正则对象/日期对象 "object"

弊端

只能检测基本对象，不能检测复杂对象。

instanceof

检测当前实例是否属于这个类的

底层机制

只要当前类出现在实例的原型链上，结果都是true

弊端

由于我们可以肆意的修改原型的指向，所以检测出来的结果是不准的

不能检测基本数据类型

会顺着原型链查找

constructor

用法和instanceof 差不多

与instanceof的区别

可以检测基本数据类型

不会顺着原型链查找

弊端

由于我们可以随意更改constructor，所以也不准

Object.prototype.toString.call( )

标准检测数据类型的办法：Object.prototype.toString不是转换为字符串，是返回当前实例所属类的信息

支持检测全部类型

"[object Number/String/Boolean/Null/Undefined/Symbol/Object/Array/RegExp/Date/Function]"

弊端

使用方法复杂，频繁使用时过于繁琐

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yukki-

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

javascript中的数据类型检测方法详解

10-16

toString.call()方法能较为精确地识别出数据类型，是较为推荐的检测方式，但需要注意它对null和undefined的特殊处理。constructor属性虽然可以检测出对象的构造函数，但由于其可被修改，存在安全隐患，因此在类型...

javascript基本数据类型及类型检测常用方法小结

10-20

在JavaScript中，理解基本数据类型和类型检测是编程的基础。JavaScript提供了六种基本数据类型：Object、Number、String、null、undefined和Boolean。这些类型构成了JavaScript语言的核心，所有的操作都基于这些类型...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript中数据类型检测方法

奔波儿灞07的博客

03-11

234

JavaScript中数据类型检测方法一、js中有5种基本数据类型 Undefind、Boolean、String、Null、Number(包括NaN) 解释：NaN和任何类型都不相等，包括NaN。isNaN用来判断数据类型是不是NaN类型。二、类型的判断 1. isFinite(number) 是不是无穷大，如果不是返回true，如果是NaN，或者正负无穷大...

JavaScript中数据类型检测（数据类型判断）的常用方法

m0_65029152的博客

12-22

940

JavaScript中的数据类型介及数据类型检测方法的举例说明~

javascript检测数据类型的方法

qq_48763502的博客

09-21

1187

typeof适用于基本数据类型的检查，但对于 null 和数组不够精确。instanceof适用于检查对象是否为特定构造函数的实例。专门用于检测数组。提供了最准确的类型检测方式。用于检测 NaN，避免 isNaN() 的一些陷阱。

JavaScript中的数据类型判断方法最全总结

幽幽谷

09-06

1238

在 JavaScript 中，主要有七种基本数据类型Undefined、Null、Boolean、Number、String、Symbol、BigInt，还有一种复杂数据类型Object，其中包含了Data、function、Array、RegExp等。JavaScript 不支持任何创建自定义类型的机制，而所有值最终都将是上述8种数据类型之一。由于JavaScript 是一种动态类型语言，这意味着你可以在程序执行过程中改变变量的类型。基本数据类型与引用数据类型的区别：基本数据类型是指存放在栈(stac

JavaScript搞定数据类型检测的三种方法

CRMEB小程序商城的博客

03-11

2160

Js的数据类型检测在实际开发项目过程中会经常遇到，这里边存在很多坑，比如我们初学Js的时候可能只知道判断数据类型一个typeof就完事大吉了，其实还有一个instanceof，你以为的这两种就够用了吗？就能准确判断每种数据类型了吗？不会，还有很多坑等着你去跳，今天我们就把这些坑都刨出来给大家看，一起完美避坑！ 1. 通过typeof检测这是我们比较常用的一种类型检测方法，通过一段代码回顾下： typeof 1 // number typeof '1' // st.

JavaScript数据类型检测方法详解

m0_58013334的博客

08-19

229

在JavaScript编程中，了解如何准确地检测数据类型是至关重要的。准确地检测数据类型可以帮助我们编写健壮的代码，并避免潜在的错误。本篇博客将介绍几种常用的JavaScript数据类型检测方法。

javaScript中判断数据类型的方法

DusHeart的博客

06-14

567

【注】：typeof—只能检测基本数据类型，对于null及数组、对象，typeof均检测出为object，不能进一步判断它们的类型。【注】：左边放你要判断的内容，右边放类型来进行JS类型判断，只能用来判断复杂数据类型,因为instanceof 是用于检测构造函数（右边）的 prototype 属性是否出现在某个实例对象（左边）的原型链上。【注】：在任何值上调用 Object 原生的 toString() 方法，都会返回一个 [object NativeConstructorName] 格式的字符串。每个

JavaScript数据类型及其检测方法

梦是太匆

07-30

190

数据类型分类 JavaScript中基本数据类型为Number、String、Boolean、Null和Undefined，加上ES6的symbol 引用数据类型分为array、object和function 数据类型的判断我们先创建各个数据类型的对象，如下所示。接着我们通过不同的方法来判断数据类型 各个数据类型的对象 1.typeof typeof返...

javascript检查数据类型四种方法

qq_20347155的博客

03-14

563

这些方法各有优劣，通常 typeof 用于检测基本类型，instanceof 用于检测自定义类型和基本类型的封装对象，Object.prototype.toString 用于检测各种类型，Array.isArray 用于检测数组。这里写自定义目录标题)JavaScript 中常用的四种数据类型检测方法包括。

JavaScript 中的所有数据类型 & 判断数据类型的方法

Luckyfif的博客

09-25

1118

一文总结所有数据类型 & 判断数据类型的方法

在javaScript中检测数据类型的几种方式小结

10-20

本文将介绍JavaScript中几种检测数据类型的方法，并解释它们的用法、适用场景以及优缺点。首先，typeof运算符是最基础和直接的检测方法。它是一个一元运算符，可以接受任意类型的参数，并返回一个表示数据类型的...

详解JavaScript中的数据类型，以及检测数据类型的方法

10-14

现在，我们来看一下检测JavaScript数据类型的方法： 1. **typeof**：`typeof`操作符主要用于检测基本数据类型，但要注意它将`null`误识别为`"object"`，这是一个历史遗留问题。对于函数，`typeof`会返回`"function...

跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0

zhzijun的博客

11-13

414

分析脚手架、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储

解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题

清晰编程

11-12

155

升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。

Javascript中Map与Set以及其常见遍历方式

警警的博客

11-12

747

在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。

Vue中的常用指令

m0_62388400的博客

11-12

1148

指令（Directives）是 Vue 提供的带有的特殊标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令（v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。

从零开始快速构建Vue3项目