如何优雅的判断 js 的所有类型?

开发 前端
在 JavaScript 中,可以使用 typeof 操作符来判断一个变量的数据类型。但是,对于一些特殊的数据类型,例如 null 和 array,typeof 操作符不能正确识别。

在 JavaScript 中,可以使用 typeof 操作符来判断一个变量的数据类型。但是,对于一些特殊的数据类型,例如 null 和 array,typeof 操作符不能正确识别。

因此,最佳做法是使用Object.prototype.toString.call() 方法来判断一个变量的数据类型。该方法返回一个字符串,表示该变量的类型,可以通过分析该字符串来判断变量的数据类型。

下面是一个示例函数,用于优雅地判断 JavaScript 中的所有类型:

javascriptCopy codefunction getType(obj) {
return Object.prototype.toString.call(obj).slice(8, -1);
}

然后,您可以使用该函数来判断变量的数据类型:

javascriptCopy codelet num = 123;
console.log(getType(num)); // "Number"

let str = "Hello World";
console.log(getType(str)); // "String"

let arr = [1, 2, 3];
console.log(getType(arr)); // "Array"

let obj = { name: "John Doe" };
console.log(getType(obj)); // "Object"

let func = function() {};
console.log(getType(func)); // "Function"

let n = null;
console.log(getType(n)); // "Null"

let u = undefined;
console.log(getType(u)); // "Undefined"

如果您需要更细粒度的数据类型判断,比如判断是否是数组、对象等,则可以使用以下方法:

javascriptCopy codelet num = 123;
console.log(Array.isArray(num)); // false
console.log(typeof num === 'object'); // false
console.log(num instanceof Object); // false

let arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true
console.log(typeof arr === 'object'); // true
console.log(arr instanceof Object); // true

let obj = { name: "John Doe" };
console.log(Array.isArray(obj)); // false
console.log(typeof obj === 'object'); // true
console.log(obj instanceof Object); // true
责任编辑:华轩 来源: 今日头条
相关推荐

2020-05-14 09:15:52

设计模式SOLID 原则JS

2020-05-08 14:45:00

JS代码变量

2022-03-01 21:25:30

对象代码Proxy

2021-01-19 10:35:49

JVM场景函数

2017-07-26 11:32:50

NETRabbitMQ系统集成

2015-11-26 10:53:45

LinuxWindowsMac OS

2023-12-11 18:20:21

Vue.js事件机制传递

2020-10-16 11:48:06

服务器系统运维

2021-03-04 08:19:31

警告屏蔽函数

2018-06-24 09:27:55

线程Tomcat多线程

2023-10-10 13:23:18

空指针异常Java

2023-10-19 19:42:25

IstioPodkubernetes

2020-08-26 07:17:19

通信

2024-06-24 14:19:48

2022-09-09 15:17:02

CentOS 7Linux

2022-04-11 08:17:07

JVMJava进程

2021-11-15 06:56:45

系统运行空指针

2022-02-18 17:34:47

数组多维五维数组

2023-06-16 09:08:39

ReactContextRFC

2010-06-28 15:48:51

SQL Server
点赞
收藏

51CTO技术栈公众号