JS经典面试题---如何判断数组类型的数据
2021/6/27 23:24:39
本文主要是介绍JS经典面试题---如何判断数组类型的数据,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
这是一个非常非常经典的面试题,无论是大中小厂出现的频率都很高。
因为数组属于引用类型,所以常规的typeof
方法并不能判断数组类型。下面我总结了关于判断数组类型的几种方法,应该是比较全面的。
instanceof
instanceof
用于检测构造函数的prototype
属性是否出现在某个对象的原型链上
这是instanceof
的原理,在面试中也经常用让手写实现,后面我会单独写一篇关于instanceof
原理及源码实现。
这里我们直接用就好了。
var arr = [1,2,3]; console.log(arr instanceof Array);
通过控制台的输出,我们成功识别了数组类型的数据。
constructor
constructor
是构造函数的意思,这里的原理其实和上面instanceof
的实现一样,不做过多介绍。
var arr = [1,2,3]; console.log(arr.constructor == Array);
Object.prototype.toString.call()
在Object对象中有一个toString()
,可以返回一个形如 "[object xxx]"
的字符串。
var obj = { name:'Ray' } console.log(obj.toString());
但是在很多的情况下,toString()
方法都被重写了,比如Array
对象中同样存在toString()
方法,所以数组类型的数据我们只能借助call
方法通过Object.prototype.toString.call()
方式把其他类型的数据传进去。
var arr = [1,2,3]; console.log(Object.prototype.toString.call(arr); console.log(Object.prototype.toString.call(arr) === '[object Array]');
所以这也是一种检测数组类型数据的方式。
Array.isArray
应该是在ES6中提供了Array.isArray()
方法来检测数组类型。
var arr = [1,2,3]; console.log(Array.isArray(arr));
比较常用的检测数组类型数据的方式就是以上几种,可以在此基础上会进行拓展。
有问题欢迎交流。
QQ:505417246
微信:18331092918
微信公众号:Code程序人生
个人博客:https://Creator12333.github.io
这篇关于JS经典面试题---如何判断数组类型的数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21Vue3教程:新手入门到实践应用
- 2024-12-21VueRouter4教程:从入门到实践
- 2024-12-20Vue3项目实战:从入门到上手
- 2024-12-20Vue3项目实战:新手入门教程
- 2024-12-20VueRouter4项目实战:新手入门教程
- 2024-12-20如何实现JDBC和jsp的关系?-icode9专业技术文章分享
- 2024-12-20Vue项目中实现TagsView标签栏导航的简单教程
- 2024-12-20Vue3入门教程:从零开始搭建你的第一个Vue3项目
- 2024-12-20从零开始学习vueRouter4:基础教程
- 2024-12-20Vuex4课程:新手入门到上手实战全攻略