首页 > 其他分享> 文章详细

JS经典面试题---如何判断数组类型的数据

2021-06-27 22:34:00 阅读：146 来源： 互联网

标签：instanceof 面试题 console arr JS --- toString 数组 Array

这是一个非常非常经典的面试题，无论是大中小厂出现的频率都很高。

因为数组属于引用类型，所以常规的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

标签：instanceof,面试题,console,arr,JS,---,toString,数组,Array
来源： https://blog.csdn.net/m0_46171043/article/details/118280092

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS经典面试题---如何判断数组类型的数据

instanceof

constructor

Object.prototype.toString.call()

Array.isArray