第 39 题:JS 数据类型有哪些?
2021/9/5 8:05:54
本文主要是介绍第 39 题:JS 数据类型有哪些?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
数据类型
基本类型
String、Number、Boolean、Null、Undefined
引用类型
Object、Array、Function
判断数据类型的方式
1. 使用 typeof
typeof 'test' // string typeof 1880 // number typeof true // boolean typeof null // object typeof undefined // undefined typeof {} // object typeof [] // object typeof function() {} // function
缺点:判断基本类型还是可以的,判断引用类型作用就没那么大了。无法校验数组、对象、Null
2. 使用 constructor
let xiaoming = 'text'; xiaoming.constructor // String(){} let xiaoming = 1880; xiaoming.constructor // Number(){} let xiaoming = true; xiaoming.constructor // Boolean(){} let xiaoming = null; xiaoming.constructor // 报错 let xiaoming = undefined; xiaoming.constructor // 报错 let xiaoming = {}; xiaoming.constructor // Object(){} let xiaoming = []; xiaoming.constructor // Array(){} let xiaoming = function() {}; xiaoming.constructor // Function(){}
缺点:无法校验 Null 和 Undefined
3. 使用 instanceof
function A() {} function A1() {} function B() {} A1.prototype = new A(); // A1 继承 A let xiaoming = new A1(); // 实例化 console.log(xiaoming instanceof A); // true console.log(xiaoming instanceof A1); // true console.log(xiaoming instanceof B); // false
缺点:只适用于判断对象属于什么类型,其他的都不太适用
4. 使用 Object.prototype.toString.call()
Object.prototype.toString.call('text'); // [object String] Object.prototype.toString.call(1880); // [object Number] Object.prototype.toString.call(true); // [object Boolean] Object.prototype.toString.call(null); // [object Null] Object.prototype.toString.call(undefined); // [object Undefined] Object.prototype.toString.call({}); // [object Object] Object.prototype.toString.call([]); // [object Array] Object.prototype.toString.call(function() {}); // [object Function]
目前比较准确的一种方式
这篇关于第 39 题:JS 数据类型有哪些?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程