IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JS面试(一) -> 正文阅读

[JavaScript知识库]JS面试(一)

判断 JavaScript 数据类型的方法有哪些?

(一)

typeof 操作符

  1. undefined 表示值未定义
  2. boolean 表示值为布尔值
  3. string 表示字符串
  4. number 表示值为数值
  5. object 表示值为对象(而不是函数)或 null
  6. function 表示函数
  7. symbol 表示值为符号

(二)

instanceOf

如果是引用类型的数值,如Array , Date , RegExp 这些值使用 typeOf 都是返回 object , 所以需要 用到instanceOf

instanceOf 不能判断null类型和Undefined类型的值,会报错

instanceof操作符用来一个对象实例的原型链上是否有原型

function Person() {
  this.name = "zhangsan";
}
var a = new Person();
console.log(a instanceof Person); // true
var b = 3;
console.log(b instanceof Person); //false

(三)

[Object].constructor

可以准确判断引用数据类型的值的数据类型,也可以判断基本数据类型数值的数据类型,不能判断null 和undefined的类型会报错

var a = "hello";
var b = [];
var e = {};
var f = function () {};
var g = 12;
console.log(a.constructor);
console.log(b.constructor);
console.log(e.constructor);
console.log(f.constructor);
console.log(g.constructor);
console.log(a.constructor == String);
console.log(b.constructor == Array);
console.log(e.constructor == Object);
console.log(f.constructor == Function);
console.log(g.constructor == Number);

// 上面的输出结果是: 可以使用
// [Function: String]
// [Function: Array]
// [Function: Object]
// [Function: Function]
// [Function: Number]
// true
// true
// true
// true
// true

(四)Object.prototype.toString.call()

可以判断所有类型值,不过在返回的字符串中都是 【object】加上值的数据类型

var a = "hello";
var b = [];
var e = {};
var f = function () {};
var g = 12;
console.log(Object.prototype.toString.call(a));
console.log(Object.prototype.toString.call(b));
console.log(Object.prototype.toString.call(e));
console.log(Object.prototype.toString.call(f));
console.log(Object.prototype.toString.call(g));
console.log(Object.prototype.toString.call(a) == "[object String]");
console.log(Object.prototype.toString.call(b) == "[object Array]");
console.log(Object.prototype.toString.call(e) == "[object Object]");
console.log(Object.prototype.toString.call(f) == "[object Function]");
console.log(Object.prototype.toString.call(g) == "[object Number]");

//   结果
// [object String]
// [object Array]
// [object Object]
// [object Function]
// [object Number]
// true
// true
// true

作者的话:一般原始类型用 typeof? ?对象值用instanceof检测

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-18 11:06:33  更:2021-11-18 11:07:54 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/10 15:06:24-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码