JS中的数据类型及检测

基本数据类型(值类型)
number:数字
string:字符串
boolean:布尔
null:空对象指针
undefined:未定义
引用数据类型
1、 object对象数据类型
{}普通对象
[]数组
/^KaTeX parse error: Expected 'EOF', got '\d' at position 179: …12,23,34] /^-?(\̲d̲([1-9\d+))(\.\d…/
function fn(){}
这么多数据类型JS如何去检测呢?
-typeof:检测数据类型的运算符
-instanceof:检测某个实例是否属于这个类
-constructor:获取当前实例的构造器
-Object.prototype.toString.call:获取当前实例的所属类信息
typeof
使用typeof 检测,返回的结果是一个字符串,字符串中包含的内容证明了值是属于什么类型的;
【局限性】
1、 typeof null 的结果不是“null" 而是”object“ : 因为null虽然是单独的一个数据类型,但是它原本意思是空对象指针,浏览器使用typeof检测的时候会把它按照对象来检测
2、 无法具体细分出到底是数组还是正则,因为返回的结果都是“object”
typeof 12 =>“number”
typeof “hehe” =>“string”
typeof true =>“boolean”
typeof null =>“object”
typeof undefined =>“undefined”
typeof {name:‘hehe’} =>“object”
typeof function(){} =>“function”
typeof [] =>“object”
typeof /^$/ =>“object”
console.log(typeof typeof []); => “string”
布尔类型详细解读
Boolean()
把其他数据类型的值转换为布尔类型
只有 ’ 0、NaN 、空字符串 、null 、undefined ‘ 这五个数据值转换为布尔类型的false,其余的都会变为true;


!=   不等于
叹号在JS中还有一个作用:取反,先把值转换为布尔类型,然后再去取反
!1 =>  false;
![] =>  false;
!0 =>  true;
!!
在一个叹号取反的基础上再去反,去两次反相当于没有做操作,但是却已经把其他类型值转换为布尔类型了,和Boolean是相同的效果。
!!1 => true;
!![]=> true;
!!0 => false;
字符串
在JS中 单引号 和 双引号 包起来的都是字符串
12 ->  number
‘12’ -> string
“[12,13]” -> string
常用方法:
charAt  charCodeAt
substr substring alice
toUpperCase toLowerCase
indexOf lastIndexOf
split
replace
match

number数字
0 , 12 , -12 , 12.5 ,    JS中多增加了一个number类型的数据:NaN
typeOf NaN ->  “number”
NaN
not a number :不是一个数,但是数据number类型
NaN == NaN  // false ,  NaN和任何其他值都不相等
isNaN()
用来检测当前这个值是否是非有效数字,如果不是有效数字检测的结果是true,反之是有效数字则为false;
isNaN(0)  =>  false
isNaN(NaN)  =>  true
isNaN(“12”)  =>  false  当我们使用isNaN检测值得时候,检测的值不是number类型的,浏览器会默认的把值先转换为number类型,人后再去检测
Number()
把其他数据类型值转换为number类型的值
Number(“12”) -> 12
Number(“12px”) -> NaN   // 在使用Number转换的时候只要字符串中出现任何一个非有效数字字符,最后的结果都是NaN
Number(true) -> 1
Number(false) -> 0
Number(null) -> 0
Number(undefined) -> NaN

Number([]) -> 0  ->  把引用数据类型转换为number,首先要把引用数据类型转换为字符串(toString),再把字符串

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,有七种基本数据类型和一种复杂数据类型。 1. 基本数据类型: - number:数字类型,包括整数和浮点数 - string:字符串类型 - boolean:布尔类型,true或false - undefined:未定义类型 - null:空类型 - symbol:符号类型,ES6新增 - bigint:大整数类型,ES10新增 2. 复杂数据类型: - object:对象类型,包括数组、函数、正则表达式等 检测数据类型的方法: 1. typeof运算符 typeof是JavaScript的一元运算符,可以返回一个值的数据类型。例如: ```javascript typeof 123; // "number" typeof "hello"; // "string" typeof true; // "boolean" typeof undefined; // "undefined" typeof null; // "object" typeof Symbol(); // "symbol" typeof 100n; // "bigint" ``` 需要注意的是,typeof null返回的是"object",这是一个历史遗留问题。 2. instanceof运算符 instanceof运算符用于检测一个对象是否属于某个类或构造函数的实例。例如: ```javascript const arr = [1, 2, 3]; arr instanceof Array; // true const fn = function() {}; fn instanceof Function; // true ``` 需要注意的是,instanceof只能用于检测对象类型,不能检测基本数据类型。 3. Object.prototype.toString方法 Object.prototype.toString方法可以返回一个值的完整数据类型。例如: ```javascript Object.prototype.toString.call(123); // "[object Number]" Object.prototype.toString.call("hello"); // "[object String]" Object.prototype.toString.call(true); // "[object Boolean]" Object.prototype.toString.call(undefined); // "[object Undefined]" Object.prototype.toString.call(null); // "[object Null]" Object.prototype.toString.call(Symbol()); // "[object Symbol]" Object.prototype.toString.call(100n); // "[object BigInt]" ``` 需要注意的是,null和undefined没有自己的构造函数,所以通过Object.prototype.toString方法检测它们的类型需要特殊处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值