js 判断变量的类型 typeof Object.prototype.toString.call(a) instanceof

方法1

语法:typeof 变量xxx,返回值是,变量xxx的数据类型的字符串表达

typeof undefined       返回  "undefined"typeof 5               返回  "number"typeof 'hello'         返回  "string"typeof true            返回  "boolean"typeof null            返回  "object"typeof {}              返回  "object"typeof []              返回  "object"typeof function () {}  返回  "function"* 需要注意的:typeof null 返回 "object",这是 JavaScript 中的一个历史遗留问题,实际上 null 的数据类型是 null* `typeof` 也可以用来判断一个变量是否已经定义,如下if (typeof someVariable !== 'undefined') {// 变量已经定义} else {// 变量未定义}

方法2:

语法:Object.prototype.toString.call(变量xxx)

let a = 123let b = 'asd'let c = [1, 2, 3, 4, 5]let d = function () { }let e = {}let f = undefinedlet g = nullconsole.log(Object.prototype.toString.call(a)) // [object Number]console.log(Object.prototype.toString.call(b)) // [object String]console.log(Object.prototype.toString.call(c)) // [object Array]console.log(Object.prototype.toString.call(d)) // [object Function]console.log(Object.prototype.toString.call(e)) // [object Object]console.log(Object.prototype.toString.call(f)) // [object Undefined]console.log(Object.prototype.toString.call(g)) // [object Null]// 使用 Object.prototype.toString 来判断变量 aa 是否为数组时,可以按照以下方式进行:function isArray(value) {return Object.prototype.toString.call(value) === '[object Array]'}let aa = [1, 2, 3]console.log(isArray(aa)) // 输出 truelet bb = 'hello'console.log(isArray(bb)) // 输出 false

原理:Object.prototype.toString.call 的原理涉及到 JavaScript 中的内部对象 [[Class]] 和原型链的概念,在 JavaScript 中,每个对象都有一个内部属性 [[Class]],它用来表示对象的类型,Object.prototype.toString 方法实际上返回了 [[Class]] 的值,从而可以判断对象的具体类型,当你调用 Object.prototype.toString 方法时,实际上是调用了内置的 toString 方法,该方法会返回一个表示对象类型的字符串。例如:对于数组,Object.prototype.toString.call([]) 返回 "[object Array]"对于日期对象,Object.prototype.toString.call(new Date()) 返回 "[object Date]"对于函数,Object.prototype.toString.call(function(){}) 返回 "[object Function]"对于正则表达式,Object.prototype.toString.call(/test/) 返回 "[object RegExp]"对于普通对象,Object.prototype.toString.call({}) 返回 "[object Object]"在调用 Object.prototype.toString 时,如果没有显式指定 this 的值,那么 this 默认指向当前环境中的全局对象,因此,我们通常使用 call 或者 apply 来指定要检查的对象,总的来说,Object.prototype.toString.call 的原理就是通过获取对象的 [[Class]] 值来判断对象的类型。

方法3


instanceof:判断对象的具体类型(因为对象包含了函数、数组)
instanceof:只能用来判断对象和函数的数据类型,不能用来判断基本数据类型(如数字、字符串、布尔值等)的数据类型
var bbb = {b1: [1, 'asd', console.log],b2: function () {console.log('b2的打印呐')}}console.log(bbb instanceof Object) // trueconsole.log(bbb.b1 instanceof Object, bbb.b1 instanceof Array) // true, trueconsole.log(bbb.b2 instanceof Object, bbb.b2 instanceof Function) // true, truelet arr = []let obj = {}console.log(arr instanceof Array) // trueconsole.log(obj instanceof Object) // true

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/178952.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux操作系统上安装MYSQL 5.7 记录

本文描述了mysql server的下载安装初始化工作。 下载 https://dev.mysql.com/downloads/mysql/ 安装: 环境: CentOS 7.6 ,版本:MYSQL 5.7 tar -xvf mysql-5.7.41-1.el7.x86_64.rpm-bundle.tar yum -y install mysql-community-*.rpm启动 systemc…

品优购:nav导航、footer部分

目录 nav导航栏 footer部分 mod-copyright nav导航栏 nav盒子通栏有高度,有下边框 1号盒子左浮动,dropdown 2号盒子左侧浮动,navitems导航栏组 先看dropdown里,先表头,这里意思是description term, 然后是一系列表…

python基础练习题库实验5

文章目录 题目1代码实验结果题目2代码实验结果题目3代码实验结果![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/6058fb4b66994aed838f920f7fe75706.png)题目4代码实验结果题目总结题目1 编写一个程序,使用while循环语句和字符串格式显示以下精确输出。 例如: …

Linux命令进阶——grep管道命令在查看日志的场景中的使用 具体案例

前言 本篇博客介绍在查看日志的场景中,grep管道命令的使用,并给出了具体的案例。 以下为Linux相关的博客文章列表: Linux——认识Linux的目录结构 & 常用命令 & vim命令 & 权限及其控制 & 防火墙命令 & 自定义命令 &a…

2023年【广东省安全员B证第四批(项目负责人)】证考试及广东省安全员B证第四批(项目负责人)复审模拟考试

题库来源:安全生产模拟考试一点通公众号小程序 2023年广东省安全员B证第四批(项目负责人)证考试为正在备考广东省安全员B证第四批(项目负责人)操作证的学员准备的理论考试专题,每个月更新的广东省安全员B证…

SpringBoot——模板引擎及原理

优质博文:IT-BLOG-CN 一、模板引擎的思想 模板是为了将显示与数据分离,模板技术多种多样,但其本质都是将模板文件和数据通过模板引擎生成最终的HTML代码。 二、SpringBoot模板引擎 SpringBoot推荐的模板引擎是Thymeleaf语法简单&#xff0…

如何进行无代码开发?有哪些无代码开发工具和无代码软件开发平台?

无代码开发是指不写代码,通过可视化工具进行应用程序开发。无代码开发让非技术用户通过拖拽和选择等简单操作,就能快速创建应用程序。 如何学习无代码开发 随着科技的不断发展,新的技术和工具不断涌现,无代码开发就是其中一种。掌…

YOLOv5算法进阶改进(5)— 主干网络中引入SCConv | 即插即用的空间和通道维度重构卷积

前言:Hello大家好,我是小哥谈。SCConv是一种用于减少特征冗余的卷积神经网络模块。相对于其他流行的SOTA方法,SCConv可以以更低的计算成本获得更高的准确率。它通过在空间和通道维度上进行重构,从而减少了特征图中的冗余信息。这种模块的设计可以提高卷积神经网络的性能。�…

代码随想录二刷 | 哈希表 | 总结篇

代码随想录二刷 | 哈希表 | 总结篇 理论基础哈希表经典题目数组作为哈希表set作为哈希表map作为哈希表 理论基础 一般来说哈希表都是用来快速判断一个元素是否出现集合里。 对于哈希表,要知道哈希函数和哈希碰撞在哈希表中的作用。 哈希函…

Redis常用操作及应用(二)

一、Hash结构 1、常用操作 HSET key field value //存储一个哈希表key的键值 HSETNX key field value //存储一个不存在的哈希表key的键值 HMSET key field value [field value ...] //在一个哈希表key中存储多个键值对 HGET key fie…

Java代码的编译与执行过程

一、编译过程 1、javac 编译 Java源代码通过编译器(javac)编译为字节码文件(.class)。 idea中的 build 和 maven package等指令都可以编译为 .class 2、类加载器(Class Loader) 类加载器负责将类的字节码文件加载到内存中,以便在运行时创…

数据在内存中的存储练习题

数据在内存中的存储练习题 文章目录 数据在内存中的存储练习题1. 练习一2.练习二3. 练习三4. 练习四5. 练习五6. 练习六7. 总结 1. 练习一 #include <stdio.h>int main() {char a -1;signed b -1;unsigned char c -1;printf("a %d b %d c %d", a, b, c)…

Java的特性

Java是一种广泛使用的编程语言&#xff0c;它具有许多独特的特性&#xff0c;包括简单易学、面向对象、可移植性、安全性、多线程等。下面我将对这些特性进行详细的介绍&#xff0c;并阐述它们的重要性。 一、简单易学 Java是一种相对容易学习的编程语言。它的语法简单明了&…

人工智能|机器学习——机器学习如何判断模型训练是否充分

一、查看训练日志 训练日志是机器学习中广泛使用的训练诊断工具&#xff0c;每个 epoch 或 iterator 结束后&#xff0c;在训练集和验证集上评估模型&#xff0c;并以折线图的形式显示模型性能和收敛状况。训练期间查看模型的训练日志可用于判断模型训练时的问题&#xff0c;例…

C++ 泛型编程,函数模版和类模版

1.泛型编程 泛型编程&#xff1a;编写与类型无关的通用代码&#xff0c;是代码复用的一种手段。模板是泛型编程的基础 就比如说活字印刷术&#xff0c;就是提供一个模具&#xff0c;然后根据模具来印刷出不同的字。 泛型编程跟着类似&#xff0c;提供一个模版&#xff0c;根据这…

微服务--05--配置管理

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 配置管理这些问题都可以通过统一的配置管理器服务解决。而Nacos不仅仅具备注册中心功能&#xff0c;也具备配置管理的功能&#xff1a; 1.配置共享1.1.添加共享配置…

【Spark基础】-- RDD 转 Dataframe 的三种方式

一、环境说明 Oracle JDK 11Scala 2.12.17Apache Spark 3.1.1Apache Hadoop 3.1.0 二、RDD 转 Dataframe 的方法 1、通过 StructType 创建 Dataframe(强烈推荐使用这种方法) /*** 方法一:通过 StructType 创建 Dataframe* @param spark SparkSession* @param rdd 输入* @…

【封装UI组件库系列】封装Button图标组件

封装UI组件库系列第四篇封装Button按钮组件 &#x1f31f;前言 &#x1f31f;封装Button组件 1.分析封装组件所需支持的属性与事件 支持的属性&#xff1a; 支持的事件&#xff1a; 2.创建Button组件 &#x1f31f;封装功能属性 type主题颜色 plain是否朴素 loading等…

方舟笔记:方舟开发框架概述

方舟笔记 方舟开发框架概述 作者&#xff1a;李俊才 &#xff08;jcLee95&#xff09;&#xff1a;https://blog.csdn.net/qq_28550263 邮箱 &#xff1a;291148484163.com 本文地址&#xff1a;https://blog.csdn.net/qq_28550263/article/details/134677116 今年&#xff08;…

API接口测试工具的主要作用及选择指南

API接口测试是现代软件开发中至关重要的一环。为了确保不同组件之间的无缝集成和功能正常运作&#xff0c;API接口测试工具应运而生。本文将介绍API接口测试工具的主要作用&#xff0c;以及在选择适合项目的工具时需要考虑的因素。 1、功能测试&#xff1a;API接口测试工具的首…