js类型判断

js类型判断

一、js中共有8种数据类型,分别为:

  1. String:字符串。

  2. Number:数字。

  3. Boolean:布尔值。

  4. Undefined:未定义,即声明变量但未给变量赋值。

  5. Null:表示为空的对象。

  6. Object:对象。

  7. Function:函数,一种特殊的对象,其特殊性表现为该对象中储存的为代码,可以执行。

  8. Array:数组,一种特殊的对象,其特殊性表现为该对象中储存的是有序的数据。

二、区分数据类型 (三种)

1. 使用 typeof

返回的字符串有 'String'、'Number'、'Boolean'、'Undefined'、'Function'、'Object'

缺点 无法判断 Null、Object、Array三种类型 使用typeof判断都返回 ‘Object’

console.log(typeof 1);  // 输出: 'number'

console.log(typeof 'jack');  // 输出: 'string'

console.log(typeof true); // 输出: 'boolean'

console.log(typeof undefined);  // 输出: 'undefined'

console.log(typeof new Function());  // 输出: 'function'

console.log(typeof [1, 2]);  // 输出: 'object'

console.log(typeof {name: 'jack'});  // 输出: 'object'

console.log(typeof null);  // 输出: 'object'

2. 使用 instanceof

语法:

object instanceof constructor // 返回值为true或false
  • object:某个实例对象

  • constructor:某个构造函数

可判断的类型:String、Number、Boolean、Object、Function、Array

缺点 不能判断断Undefined、Null

另外

const arr = [1, 2, 3];
const obj = { name: 'John', age: 25 };

console.log(arr instanceof Array);    // 输出: true
console.log(obj instanceof Object);   // 输出: true
console.log(arr instanceof Object);   // 输出: true(数组也是对象的一种)

3. 使用 Object.prototype.toString

返回的字符串包含了更详细的信息

Object.prototype.toString.call(null) // 返回值 '[object Null]'

Object.prototype.toString.call(undefined) // 返回值 '[object Undefined]'

Object.prototype.toString.call(1) // 返回值 '[object Number]'

Object.prototype.toString.call(true) // 返回值 '[object Boolean]'

Object.prototype.toString.call({name: 'jack'})// 返回值 '[object Object]'

Object.prototype.toString.call([1, 2]) // 返回值 '[object Array]'

Object.prototype.toString.call('jack') // 返回值 '[object String]'

Object.prototype.toString.call(new Function()) // 返回值 '[object Function]'

缺点 调用Object.prototype.toString方法需要使用call方法来绑定this对象,使用起来相对复杂一些。


__EOF__

本文作者嘿先生
本文链接https://www.cnblogs.com/liujis/p/17648507.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   这个名字没占用  阅读(46)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示