js 数据类型分类与判断

简介: js 数据类型分类与判断

目录


前言


记录点js基础,js的类型分类以及判断方法,typeof()的用法问题,以及使用Object.prototype.toString.call()精准判断类型的用法。


js类型


js有许多种内置类型,其中内置类型又分为两类,基本数据类型和对象(Object)类型。

基本数据类型:Null、Undefined、Number、String、Boolean、Symbel、BigInt。(截至2022/2/16,将来或许会引入更多的基本数据类型,就像Symbel、BigInt就是比较新引入的,原来只有五大基本数据类型)

typeof存在的问题


测试基本数据类型:记结论,除了null会被判断为object其他基本类型都可以判断出来,因此不能用于判断null。

console.log(
   typeof null,// object
   typeof 123,//或 Number(123),// number
   typeof undefined,// undefined
   typeof "str",//或 String('str'),// string
   typeof true,//或 Boolean(true)// boolean
   typeof Symbol(1),// symbol
   typeof 12345678910n,//或 BigInt(12345678910),// bigint
 );

测数组、对象、内置对象、new函数声明对象、函数等对象类型:记结论,除了函数会被正确判断为function,其他全是object,因此不能用于判断除了函数之外的复杂的类型,都不能用typeof区分开来。

console.log(
  typeof [],//object
  typeof {},//object
  typeof Math,//object
  typeof new String(),//object
  typeof (() => {}),//function
);

精准判断


  1. 想要精准判断类型,建议使用Object.prototype.toString.call()
 console.log(
   Object.prototype.toString.call(null), //[object Null]
   Object.prototype.toString.call("123"), //[object String]
   Object.prototype.toString.call(123), //[object Number]
   Object.prototype.toString.call(undefined), //[object Undefined]
   Object.prototype.toString.call(true), //[object Boolean]
   Object.prototype.toString.call(Symbol(1)), //[object Symbol]
   Object.prototype.toString.call(BigInt(1)), //[object BigInt]
   Object.prototype.toString.call(() => {}), //[object Function]
   Object.prototype.toString.call([]), //[object Array]
   Object.prototype.toString.call({}), //[object Object]
   Object.prototype.toString.call(Math), //[object Math]
   Object.prototype.toString.call(new String()) //[object String]
 );
相关文章
|
8天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
1月前
|
JavaScript 前端开发
JavaScript 中有哪些数据类型?
JavaScript 中有哪些数据类型?
18 3
|
1月前
|
JavaScript
JS常用数据类型转换
JS常用数据类型转换
13 1
|
1月前
|
存储 JavaScript 前端开发
javascript的8中数据类型
javascript的8中数据类型
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
1天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
3天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4
|
1月前
|
JavaScript
|
1月前
|
JSON JavaScript 前端开发
js如何正确判断数据类型
js如何正确判断数据类型
24 0
|
1月前
|
JavaScript 前端开发 API
javascript中的数据类型
javascript中的数据类型