前端JS必用工具【js-tool-big-box】学习,获取数据的详细类型

news2024/11/15 13:48:17

之前我们习惯性的用typeof方法去判断数据类型,但慢慢的发现,typeof这个方法能力有限,基础的数据类型倒是还能判断,但是复杂一点,或者是null之类的假类型,就判断不出来了。

比如以下这些判断:

const numValue = 42;
    console.log(typeof(numValue)); // number
    const strValue = 'hello';
    console.log(typeof(strValue)); // string
    const booleanValue = true;
    console.log(typeof(booleanValue)); // boolean
    const undefinedValue = undefined;
    console.log(typeof(undefinedValue)); // undefined
    const nullValue = null;
    console.log(typeof(nullValue)); // object
    const objValue = {};
    console.log(typeof(objValue)); // object
    const arrayValue = [];
    console.log(typeof(arrayValue)); // object
    const functionValue = function(){};
    console.log(typeof(functionValue)); // function
    const dateValue = new Date();
    console.log(typeof(dateValue)); // object
    const regExpValue = /regex/;
    console.log(typeof(regExpValue)); // object

可以看出,其实用typeof来判断类型,经常有一种不靠谱的感觉。现在 js-tool-big-box中添加了新的工具方法,可以判断这些数据类型,而且使用便捷。

目录

1 项目中安装导入

2  方法使用

2.1 数据判断

2.2 判断效果展示

2.3 使用方法总结


1 项目中安装导入

 执行npm命令进行安装

npm i js-tool-big-box

导入dataBox对象,判断数据的详细类型添加到了这个对象下面

import { dataBox } from 'js-tool-big-box';

2  方法使用

2.1 数据判断
const numValue = 42;
    console.log('42的具体数据类型:', dataBox.getDataType(numValue));
    const strValue = 'hello';
    console.log('hello的具体数据类型:', dataBox.getDataType(strValue));
    const booleanValue = true;
    console.log('true的具体数据类型:', dataBox.getDataType(booleanValue));
    const undefinedValue = undefined;
    console.log('undefined的具体数据类型:', dataBox.getDataType(undefinedValue));
    const nullValue = null;
    console.log('null的具体数据类型:', dataBox.getDataType(nullValue));
    const objValue = {};
    console.log('{}的具体数据类型:', dataBox.getDataType(objValue));
    const arrayValue = [];
    console.log('[]的具体数据类型:', dataBox.getDataType(arrayValue));
    const functionValue = function(){};
    console.log('function的具体数据类型:', dataBox.getDataType(functionValue));
    const dateValue = new Date();
    console.log('date的具体数据类型:', dataBox.getDataType(dateValue));
    const regExpValue = /regex/;
    console.log('regex的具体数据类型:', dataBox.getDataType(regExpValue));
2.2 判断效果展示

 

2.3 使用方法总结
方法名返回值入参

getDataType

返回具体数据类型,是个字符串值,[object 类型]第一个参数必填,表示需要被判断的数据

 

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

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

相关文章

【软件设计师】——5.数据库系统

目录 5.1 基本概念 5.2 三级模式两级映射 5.3 设计过程和数据模型 5.4 关系代数 5.5 完整性约束 5.6 规范化和反规范化 5.7 控制功能 5.8 SQL语言 5.9 数据库安全 5.10 数据备份 5.11 数据库故障与恢复 5.12 数据仓库、数据挖掘和大数据 5.1 基本概念 相关术语 候选…

hypack如何采集多波束数据?(下)

多波束测量模块 1)记录多波束和辅助传感器的数据; 2)显示实时改正后的数据和数据质量信息。 ​编辑​ 测量准备 1)设置大地测量参数和硬件设置; 2)计划测线 计划测线是一定间距的平行线,…

XPosed项目的接入、模版制作、改名全过程

XPosed项目的接入、模版制作、改名全过程 写在前面 之前写过这篇Xposed Hook 过登录密码验证配置开发Xposed项目的文章,这次的接入使用的是当前最新版Android Studio,接入稍微有些差别,也记录下。 本篇文章主要是写关于XP项目接入、制作XP模…

Oracle中rman的增量备份使用分享

继上次使用RMAN的全量备份和异机还原以后,开始研究一下增量备份和还原的方法。相比于全量RMAN的备份还原,增量的备份还原就相对简单。本实践教程直接上操作,还是回归到一个问题,就是关于两个数据库创建时候,必须保持or…

如何应对触摸一体机触摸屏失灵问题?怎么校准?

触摸一体机是一种功能强大的设备,集成了电脑、电视和触摸屏等多种功能。其中,触摸屏是其重要组成部分之一。然而,当触摸屏突然失灵时,我们该如何应对呢?以下是一些建议,以帮助您排除问题并重新获得正常触摸…

汇凯金业:如何识别黄金价格图表中的关键支撑和阻力位

识别黄金价格图表中的关键支撑和阻力位是黄金交易的一个基本而关键的技能。以下是一些方法来帮助投资者发现这些重要的价格水平: 1. 历史价格水平 观察图表,找出黄金价格在过去曾多次反弹或回落的价格点。这些水平在未来的交易中可能再次成为关键的支撑…

记一次 .NET某工控WPF程序被人恶搞的 卡死分析

一:背景 1. 讲故事 这一期程序故障除了做原理分析,还顺带吐槽一下,熟悉我的朋友都知道我分析dump是免费的,但免费不代表可以滥用我的宝贵时间,我不知道有些人故意恶搞卡死是想干嘛,不得而知,希…

【链表】Leetcode 61. 旋转链表【中等】

旋转链表 给你一个链表的头节点 head ,旋转链表,将链表每个节点向右移动 k 个位置。 示例 1: 输入:head [1,2,3,4,5], k 2 输出:[4,5,1,2,3] 解题思路 要将链表每个节点向右移动 k 个位置: 计算链表…

抖店类目错放怎么办?怎么改类目?快速解决抖店类目错放问题

大家好,我是电商花花。 我们运营抖音小店的时候,都知道不要放错类目,也知道放错类目的后果,类目错放可能导致商品无法在正确的类目中展示,从而影响到商品的一个曝光率。 严重的话还被平台扣分,扣保证金&a…

【大学物理】期末复习笔记总结

1-6章(第2版)以下是鄙人期末复习时总结的笔记,希望可以帮到大家 第一章: 第二章: 第三章: 第四章: 第五章: 第六章:

安泰电子:高压功率放大器应用场合介绍

高压功率放大器是一种电子设备,用于将低电压信号放大到较高电压水平,以满足各种应用需求。它在多个领域中具有广泛的应用,包括科学研究、工业生产、通信技术以及医疗设备。下面安泰电子将介绍高压功率放大器的应用场合。 科学研究 高压功率放…

SpringBoot自动装配源码

自动装配: 实际上就是如何将Bean自动化装载到IOC容器中管理,Springboot 的自动装配时通过SPI 的方式来实现的 SPI:SpringBoot 定义的一套接口规范,这套规范规定:Springboot 在启动时会扫描外部引用 jar 包中的META-IN…

有一个3x4的矩阵,求矩阵中所有元素中的最大值。要求用函数处理

解此题的算法已在之前的文章中介绍,详见:https://mp.csdn.net/mp_blog/creation/editor/139181787 编写程序: 运行结果:

基于微信小程序+ JAVA后端实现的【医院挂号预约系统】 设计与实现 (内附设计LW + PPT+ 源码+ 演示视频 下载)

项目名称 项目名称: 《基于微信小程序的医院挂号预约系统设计与实现》 项目技术栈 该项目采用了以下核心技术栈: 后端框架/库: Java, SSM框架数据库: MySQL前端技术: 微信小程序, uni-app 项目展示 全文概括 本…

一文解析恢复删除的文件:分享10个电脑数据恢复软件

电脑文件误删除,不仅让我们感到焦虑,还可能丢失重要的数据。只要使用正确的数据恢复软件,有可能成功恢复被删除的文件。本文将分享10个电脑数据恢复软件。 1、嗨格式数据恢复大师 一款免费预览的数据恢复软件,可以帮助你恢复从硬…

Apifox 更新|编排模式、Markdown 编辑器升级、自动申请 SSL 证书、用户反馈问题优化

Apifox 新版本上线啦! 看看本次版本更新主要涵盖的重点内容,有没有你所关注的功能特性: 自动化测试新增「编排模式」Markdown 编辑器全新升级返回响应直接预览 PDF 及视频自动申请 SSL 证书支持配置自定义域名的子目录流式接口支持筛选和清…

RocketMQ 主从复制原理深度解析

提到主从复制,我们可能立马会联想到 MySQL 的主从复制。 MySQL 主从复制是 MySQL 高可用机制之一,数据可以从数据库服务器主节点复制到一个或多个从节点。 这篇文章,我们聊聊 RocketMQ 的主从复制,希望你读完之后,能…

与苹果力杠?微软AI PC全面升级

KlipC报道:5月21日,在召开的Build开发者前瞻活动中,微软CEO称全面升级AI PC,将Copilot融入Windows 11系统,GPT-4o 模型加持。 微软称即将发布全新款Surface电脑,将采用其Copilot标准,以支持人工…

IND-ID-CPA 和 IND-ANON-ID-CPA Game

Src: https://eprint.iacr.org/2017/967.pdf

【web网页官网】原创200套html+css网页制作尽在IT黄大大官网(持续更新中)

200套HTMLCSS网页制作开发 🍔涉及知识🥤写在前面🌈 网站效果 (持续更新...)🍧 一、涉及主题🌳二、具体访问方式访问入口1:威信公众号【IT黄大大】访问入口2、访问网址访问入口3、直接点击下面链接访问入口4…