js 面试 1判断变量是否是数组 2 检测数据类型方法

1 是否是数组

  1. typeof 检测数据类型运算符

优点:使用简单

缺点:只能检测基本类型(除null外)

console.log(typeof(10)) //Number

console.log(typeof(false)) //boolean

console.log(typeof('hello')) //string

console.log(typeof([])) // object

console.log(typeof(function(){})) //function

console.log(typeof({})) //object

console.log(typeof(undefined)) //undefined

console.log(typeof(null)) //object

  1. instanceof 检测某个实例是否属于这个类

优点:可以正确判断对象类型(引用类型),内部运行机制是原型链上能否找到这个类型的原型。

缺点:不能正常判断基本类型 并且 不能跨iframe

console.log(100 instanceof Number) //false

console.log('100' instanceof String) //false

console.log(false instanceof Boolean) //false

console.log({} instanceof Object) //true

console.log(function(){} instanceof Function) //true

console.log([] instanceof Array) //true

console.log(/^$/ instanceof RegExp) //true

console.log(/^$/ instanceof Object) //true

前两种比较常用

  1. constructor

优点:基本能检测所有类型(除了null和undefined)

缺点:constructor容易被修改,也不能跨iframe

和instanceof很相似,也能检测出是基本类型,数组,正则。

但constructor检测正则 === Object 检测不出

console.log((10).constructor === Number) //true

console.log(([]).constructor === Array) //true

console.log((function(){}).constructor === Function) //true

console.log(({}).constructor === Object) //true

console.log(/^$/.constructor === RegExp) //true

console.log(/^$/.constructor === Object) //false

  1. Object.prototype.toString.call() 检测数据类型

优点:能检测出所有类型

缺点:在iE6下,undefined和null均为Obj

获取Object原型上的toString方法,让方法执行,并且改变方法中this关键字指向。

let monitor = Object.prototype.toString;

console.log(monitor.call(1)) //[object Number]

console.log(monitor.call('hello')) //[object String]

console.log(monitor.call(null)) //[object null]

console.log(monitor.call(undefined)) //[object undefined]

console.log(monitor.call(function(){})) //[object Function]

相关推荐
PaytonD2 分钟前
LoopBack 2 如何设置静态资源缓存时间
前端·javascript·node.js
snow@li6 分钟前
d3.js:学习积累
开发语言·前端·javascript
vincention7 分钟前
JavaScript 中 this 指向完全指南
前端
编程岁月11 分钟前
java面试-0203-java集合并发修改异常、快速/安全失败原理、解决方法?
java·开发语言·面试
qyresearch_18 分钟前
射频前端MMIC:5G时代的技术引擎与市场机遇
前端·5g
天蓝色的鱼鱼22 分钟前
Next.js 渲染模式全解析:如何正确选择客户端与服务端渲染
前端·react.js·next.js
CoderCodingNo25 分钟前
【GESP】C++五级考试大纲知识点梳理, (3-4) 链表-双向循环链表
开发语言·c++·链表
一枚前端小能手28 分钟前
🚀 巨型列表渲染卡顿?这几个优化技巧让你的页面丝滑如德芙
前端·javascript
酷柚易汛智推官29 分钟前
Electron技术深度解析:跨平台桌面开发的利器与挑战
前端·javascript·electron
llz_11234 分钟前
第五周作业(JavaScript)
开发语言·前端·javascript