AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

写了一个javaScript数据类型判断的工具（npm--genius-type）

2024-01-02 69
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 写了一个javaScript数据类型判断的工具（npm--genius-type）

genius-type

A library of tools for javaScript data types

主要功能：就是可以判断较细粒度的数据类型：“string” | “number” | “bigint” | “boolean” | “symbol” | “undefined” |

“object” | “function” | “array” | “object” | “date” | “null” | “int” | “float” | “infinite” | “NaN”

一、安装

  • 1、到GitHub源码地址下载static 目录下的GTypeTools.js文件, 通过 script 标签引入
// https://github.com/geniusmanyxh/genius-type
<script src="GTypeTools.js" > </script>
<script>
    let type1 = GTypeTools.getType(2.01)
  let type2 = GTypeTools.getType(1/0)
  console.log(type1) // float
  console.log(type2) // infinite
</script>
  • 2、提供一个在线地址供大家测试时使用，但是这个方法不建议长期使用，因为我的云服务器过期了，这个就用不了啦！
<script src="https://api.geniusman.top/cdn/genius-type/GTypeTools.js" > </script>
// or GTypeTools.min.js
<script>
  let type1 = GTypeTools.getType(2.01)
  let type2 = GTypeTools.getType(1/0)
  console.log(type1) // float
  console.log(type2) // infinite
</script>
  • 3、通过 npm 安装
npm install genius-type

项目使用

import gType from "genius-type";
let type1 = gType.getType(2.01)
let type2 = gType.getType(1/0)
console.log(type1) // float
console.log(type2) // infinite

二、可用函数列表（function-list）

1、单一功能纯函数

  • 1、isString()
  • 2、isNumber()
  • 3、isNaN()
  • 4、isInt()
  • 5、isFloat()
  • 6、isInfinite()
  • 7、isBigint()
  • 8、isBoolean()
  • 9、isSymbol()
  • 10、isUndefined()
  • 11、isNull()
  • 12、isFunction()
  • 13、isObject()
  • 14、isArray()
  • 15、isEmptyArray()
  • 16、isEmptyObject()

2、衍生函数

此处的衍生函数内部使用了以上单一功能纯函数，衍生出来的。

  • 1、getType()
  • 2、getArrayTypes()
  • 3、getObjectTypes()
  • 4、getArrayTypeIndexs()
  • 5、getObjectTypeKeys()
  • 6、getArrayTypesDetail()
  • 7、getObjectTypesDetail()
  • 8、matchType()
  • 9、toString()

三、具体使用演示

1、单一纯函数使用

1.1、isString()

简介：

/**
 * @description 判断值类型是否是一个string (字符串)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isString(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isString('hello world!')
let type2 = gType.isString(['hello'])
console.log(type1) // true
console.log(type2) // false
1.2、isNumber()

简介：

/**
 * @description 判断值类型是否是一个number (数值)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isNumber(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isNumber(258)
let type2 = gType.isNumber('258')
console.log(type1) // true
console.log(type2) // false

1.3、isNaN()

简介：

/**
 * @description 判断值类型是否是一个NaN (Not a Number)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isNaN(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isNaN(NaN)
let type2 = gType.isNaN(['hello'])
console.log(type1) // true
console.log(type2) // false

1.4、isInt()

简介：

/**
 * @description 判断值类型是否是一个int (整型数)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isInt(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isInt(123)
let type2 = gType.isInt(123.00)
let type3 = gType.isInt(123.01)
console.log(type1) // true
console.log(type2) // true
console.log(type3) // false

1.5、isFloat()

简介：

/**
 * @description 判断值类型是否是一个float (浮点数)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isFloat(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isFloat(66.01)
let type2 = gType.isFloat(88)
console.log(type1) // true
console.log(type2) // false

1.6、isInfinite()

简介：

import gType from "genius-type";
let type1 = gType.isFloat(66.01)
let type2 = gType.isFloat(88)
console.log(type1) // true
console.log(type2) // false

使用：

import gType from "genius-type";
let type1 = gType.isInfinite(2/3)
let type2 = gType.isInfinite(1/0)
console.log(type1) // false
console.log(type2) // true

1.7、isBigint()

简介：

/**
 * @description 判断值类型是否是一个bigint (大整数)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isBigInt(params: any): boolean

使用：

/**
 * @description 判断值类型是否是一个boolean (布尔型)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isBoolean(params: any): boolean

简介：

/**
 * @description 判断值类型是否是一个boolean (布尔型)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isBoolean(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isBoolean(true)
let type2 = gType.isBoolean('false')
console.log(type1) // true
console.log(type2) // false

1.9、isSymbol()

简介：

/**
 * @description 判断值类型是否是一个symbol
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isSymbol(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isSymbol(Symbol(1))
let type2 = gType.isSymbol(['hello'])
console.log(type1) // true
console.log(type2) // false

1.10、isUndefined()

简介：

/**
 * @description 判断值类型是否是一个undefined
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isUndefined(params: any): boolean

使用：

/**
 * @description 判断值类型是否是一个undefined
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isUndefined(params: any): boolean

1.11、isNull()

简介：

/**
 * @description 判断值类型是否是一个null
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isNull(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isNull(null)
let type2 = gType.isNull('null')
console.log(type1) // true
console.log(type2) // false

1.12、isFunction()

简介：

/**
 * @description 判断值类型是否是一个function (函数) (指：function | class | () =>{} )
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isFunction(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isFunction(() => {})
let type2 = gType.isFunction(['hello'])
console.log(type1) // true
console.log(type2) // false

简介：

/**
 * @description 判断值类型是否是一个object (指:{}, 非: null | function | date | class | array | other)
* @param {any} params 传入想要判断类型的参数
* @returns 是：true  | 否：false
*/
function isObject(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isObject({a:'dd'})
let type2 = gType.isObject(['hello'])
console.log(type1) // true
console.log(type2) // false

1.14、isArray()

简介：

/**
 * @description 判断值类型是否是一个数组 (数组)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isArray(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isArray('hello world!')
let type2 = gType.isArray(['hello'])
console.log(type1) // false
console.log(type2) // true

1.15、isEmptyArray()

简介：

/**
 * @description 判断值类型是否是一个empty array (空数组)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isEmptyArray(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isEmptyArray([])
let type2 = gType.isEmptyArray(['hello'])
console.log(type1) // true
console.log(type2) // false

1.16、isEmptyObject()

简介：

/**
 * @description 判断值类型是否是一个empty object (空对象)
 * @param {any} params 传入想要判断类型的参数
 * @returns 是：true  | 否：false
 */
function isEmptyObject(params: any): boolean

使用：

import gType from "genius-type";
let type1 = gType.isEmptyObject({})
let type2 = gType.isEmptyObject({a:'55'})
console.log(type1) // true
console.log(type2) // false

2、衍生函数的使用

2.1、getType()

简介：

/**
 * @description 精确匹配数据类型
 * @param {any} params 需要判断类型的参数
 * @returns "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function" | "array" |  "object" | "date" | "null" | "int" | "float" | "infinite" | "NaN"
 */
function getType(params: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function" | "array" |  "object" | "date" | "null" | "int" | "float" | "infinite" | "NaN"

使用：

import gType from "genius-type";
let type1 = gType.getType({})
let type2 = gType.getType([])
console.log(type1) // object
console.log(type2) // array

2.2、getArrayTypes()

/**
 * @description 获取数组每个下标值的基本数据类型
 * @param {Array} arr 需要判断类型的数组
 * @returns string[] 返回字符串数组
 */
function getArrayTypes(arr: any[]): string[]

使用：

import gType from "genius-type";
let type1 = gType.getArrayTypes([null, undefined, 555, 'str', NaN, 1/0, ()=>{},{}])
let type2 = gType.getArrayTypes([2.01, 3n, Symbol(1), ])
console.log(type1) //  ['null', 'undefined', 'int', 'string', 'NaN', 'infinite', 'function', 'object']
console.log(type2) // ['float', 'bigint', 'symbol']

2.3、getObjectTypes()

简介：

/**
 * @description 获取对象的属性的基本数据类型
 * @param {Object} obj 需要判断类型的对象
 * @returns string[] 返回字符串数组
 */
function getObjectTypes(obj: object): string[]

使用：

import gType from "genius-type";
let type1 = gType.getObjectTypes({
        a:1,
        b:'s',
        c:2.01,
        d:1/0,
        e:NaN,
        f:undefined,
        g:{},
        h:[],
        i:1n,
        j:Symbol(1),
        k:null,
        l:new Date()
      })
console.log(type1) // ['int', 'string', 'float', 'infinite', 'NaN', 'undefined', 'object', 'array', 'bigint', 'symbol', 'null', 'date']

2.4、getArrayTypeIndexs()

简介：

/**
 * @description 获取对应类型的数组索引
 * @param {Array} arr 需要判断类型的数组
 * @param {returnTypeStr} dataType 需要判断的类型
 * @returns number[] 返回一个字符串数组
 */
function getArrayTypeIndexs(arr: any[], dataType: string): number[]

使用：

import gType from "genius-type";
let type1 = gType.getArrayTypeIndexs([null, 1, 555, 'str', NaN, 1/0, ()=>{},{}],'int')
console.log(type1) // [1, 2]

2.5、getObjectTypeKeys()

简介：

/**
 * @description 获取对应类型的对象属性名称(key_name)
 * @param {Object} obj 需要判断类型的对象
 * @param {returnTypeStr} dataType 需要判断的类型
 * @returns string[] 返回一个字符串数组
 */
function getObjectTypeKeys(obj: object, dataType: string): string[]

使用：

import gType from "genius-type";
let type1 = gType.getObjectTypeKeys({
        a:1,
        b:'s',
        c:2.01,
        d:1/0,
        e:NaN,
        f:undefined,
        g:{},
        h:[],
        i:1n,
        j:Symbol(1),
        k:null,
        l:new Date()
      }, 'null')
console.log(type1) // ['k']

2.6、getArrayTypesDetail()

简介：

/**
 * @description 获取或者筛选数组内的值,并返回该值的index-value-type, 如果不传dataType，默认返回所有
 * @param {Array} arr 传入你想要获取的参数类型的数组
 * @param {returnTypeStr} dataType 可选参数，传入你想要获取的参数类型
 * @returns [{index:index,value:value,type:type}...]
 */
function getArrayTypesDetail(arr: any[], dataType: string): string[]

使用：

import gType from "genius-type";
let type1 = gType.getArrayTypesDetail([null, 1, 555, 'str', NaN, 1/0, ()=>{},{}])
let type2 = gType.getArrayTypesDetail([null, 1, 555, 'str', NaN, 1/0, ()=>{},{}],'int')
console.log(type1) 
console.log(type2)
// --------------type1打印结果-------------------
0: {index: 0, value: null, type: 'null'}
1: {index: 1, value: 1, type: 'int'}
2: {index: 2, value: 555, type: 'int'}
3: {index: 3, value: 'str', type: 'string'}
4: {index: 4, value: NaN, type: 'NaN'}
5: {index: 5, value: Infinity, type: 'infinite'}
6: {index: 6, type: 'function', value: ƒ}
7: {index: 7, value: {}, type: 'object'}
//----------------type2打印结果--------------------
0: {index: 1, value: 1, type: 'int'}
1: {index: 2, value: 555, type: 'int'}
2.7、getObjectTypesDetail()

简介：

/**
 * @description 获取或者筛选对象内属性的值, 并返回该值的key-value-type, 如果不传dataType，默认返回所有
 * @param {object} obj 传入你想要获取的参数类型的对象
 * @param {returnTypeStr} dataType 可选参数，传入你想要获取的参数类型
 * @returns [{key:key,value:value,type:type}...]
*/
function getObjectTypesDetail(obj: object, dataType: string): string[]

使用：

import gType from "genius-type";
let type1 = gType.getObjectTypesDetail({
        a:1,
        b:'s',
        c:2.01,
        d:1/0,
        e:NaN,
        f:undefined,
        g:{},
        h:[],
        i:1n,
        j:Symbol(1),
        k:null,
        l:new Date()
      })
let type2 = gType.getObjectTypesDetail({
        a:1,
        b:'s',
        c:2.01,
        d:1/0,
        e:NaN,
        f:undefined,
        g:{},
        h:[],
        i:1n,
        j:Symbol(1),
        k:null,
        l:new Date()
      }, 'null')
console.log(type1) 
console.log(type2)
// ----------type1打印结果-----
0: {key: 'a', value: 1, type: 'int'}
1: {key: 'b', value: 's', type: 'string'}
2: {key: 'c', value: 2.01, type: 'float'}
3: {key: 'd', value: Infinity, type: 'infinite'}
4: {key: 'e', value: NaN, type: 'NaN'}
5: {key: 'f', value: undefined, type: 'undefined'}
6: {key: 'g', value: {…}, type: 'object'}
7: {key: 'h', value: Array(0), type: 'array'}
8: {key: 'i', value: 1n, type: 'bigint'}
9: {key: 'j', value: Symbol(1), type: 'symbol'}
10: {key: 'k', value: null, type: 'null'}
11: {key: 'l', value: Thu Jun 30 2022 16:01:31 GMT+0800 (中国标准时间), type: 'date'}
// ----------type2打印结果---------
0: {key: 'k', value: null, type: 'null'}

2.8、matchType()

简介：

/**
 * @description 类型匹配通用函数
 * @param {returnTypeStr | Function} fn 可以是已经存在的工具函数名称，或者你自定义的函数
 * @param {any} data 传入想要判断类型的参数
 * @returns 返回你传入函数(fn)的返回值
 */
function matchType(fn: string | Function, data: any): any

使用：

import gType from "genius-type";
let type1 = gType.matchType('isInt', 2.01)
let type2 = gType.matchType(gType.isArray,[])
let type3 = gType.matchType((args)=>{
    return gType.isInt(args?.a)
},{a:1})
console.log(type1) // false
console.log(type2) // true
console.log(type2) // true

2.9、toString()

简介：

/**
 * @description 类型转换为string (字符串)
 * @param {any} params 传入想要转换类型的参数
 * @returns string
 */
function toString(params: any): string

使用：

import gType from "genius-type";
let type1 = gType.toString(5)
let type2 = gType.toString({a:55})
let type3 = gType.toString(new Date())
let type4 = gType.toString([4,5])
console.log(type1) // '5'
console.log(type2) // {a: '55'}
console.log(type3) // 'Thu Jun 30 2022 16:31:59 GMT+0800 (中国标准时间)'
console.log(type4) // ['4','5']

…后续完善中！

文章标签：
JavaScript
前端开发
关键词：
JavaScript数据类型
JavaScript工具
JavaScript npm
工具npm
天界程序员
目录
相关文章
天下无敌呀
|
3月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
天下无敌呀
144 59
java冯坚持
|
2月前
|
JavaScript 前端开发 Java
npm学习一：npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令，包括安装包、查看包信息、管理依赖等操作，并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
java冯坚持
108 2
kaixin321-44007
|
3月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
kaixin321-44007
114 2
蓝易云
|
8天前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍，希望您能够深入理解JavaScript中的数据类型及其存储差别，并在实际编程中灵活运用这些知识，以提高代码的性能和稳定性。
蓝易云
35 3
那年春天
|
26天前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题？
需要注意的是，不同的内存快照分析工具可能具有不同的功能和操作方式，在使用时需要根据具体工具的说明和特点进行灵活运用。
那年春天
40 3
雨溪-yuxi
|
1月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型（String、Number、Undefined、Boolean、Null）和三种引用类型（Object、Array、Function，以及ES6新增的Symbol）。基本类型直接存储值，引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
雨溪-yuxi
22 1
mao29955
|
1月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具，可以较为准确地检测 JavaScript 中的内存泄漏问题，并帮助我们找出潜在的泄漏点，以便采取相应的解决措施。
mao29955
270 9
java冯坚持
|
2月前
|
JavaScript 前端开发 Java
npm学习一：npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南，包括npm概述、基础命令和如何安装webpack。
java冯坚持
80 3
npm学习一：npm 包管理工具 学习、使用。
夏天49597
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架，由 Vercel 开发。本文从基础概念出发，逐步探讨 Next.js 的常见问题、易错点及解决方法，并通过具体代码示例进行说明，帮助开发者快速构建高性能的 Web 应用。
夏天49597
88 10
chnjames
|
2月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解：基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型（如 string、number 等）具有不可变性，按值访问，存储在栈内存中。引用数据类型（如 Object、Array 等）存储在堆内存中，按引用访问，值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof，帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
chnjames
113 0
JavaScript 数据类型详解：基本类型与引用类型的区别及其检测方法

热门文章

最新文章

  • 1
    npm install —— 从一个简单例子，看本地安装与全局安装的区别
  • 2
    [npm]使用(c)npm安装yarn
  • 3
    GitHub 宣布正式收购 npm | 云原生生态周报 Vol. 42
  • 4
    npm使用指南
  • 5
    node版本与npm版本不对应的解决方案
  • 6
    nvm 安装 node 成功，npm 却安装失败？
  • 7
    NPM 使用介绍
  • 8
    使用npm发布自己包（详细教程）
  • 9
    npm更换成cnpm---------cnpm的安装
  • 10
    vue npm run build打包报错：Class extends value undefined is not a constructor or null
  • 1
    JavaScript中的异步编程方法总结
    47
  • 2
    从零开始学习Vue.js
    51
  • 3
    采用java+springboot+vue.js+uniapp开发的一整套云MES系统源码 MES制造管理系统源码
    110
  • 4
    React和Next.js开发常见的HTTP请求方法
    137
  • 5
    JavaScript新科技：PostCSS的安装和使用，2024年最新2024网易Web前端高级面试题总结
    70
  • 6
    JavaScript数据类型归纳，架构师花费近一年时间整理出来的前端核心知识
    45
  • 7
    前端 JS 经典：ES6 和 CommonJs 用法
    50
  • 8
    前端 JS 经典：宏任务、微任务、事件循环（EventLoop）
    68
  • 9
    前端 JS 经典：JSON 对象
    50
  • 10
    前端 JS 经典：递归
    45

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Node.js 入门教程文档
  • Node.js 入门与实战

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境

    • 推荐镜像

    更多
  • NPM
  • pypi
  • nodejs-release
    • 下一篇
    【案例实战】SpringBoot整合阿里云文件上传OSS