JS经典面试题---如何判断数组类型的数据
2023-09-11 14:18:53 时间
这是一个非常非常经典的面试题,无论是大中小厂出现的频率都很高。
因为数组属于引用类型,所以常规的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
相关文章
- 面试题_Spring基础篇
- JS框架_(JQuery.js)绚丽的3D星空动画
- JS框架_(JQuery.js)纯css3进度条动画
- JS框架_(JQuery.js)文章全屏动画切换
- JS框架_(Typed.js)彩色霓虹灯发光文字动画
- JS框架_(JQuery.js)图片相册掀开切换效果
- Android面试题
- JS - 解决引入 js 文件无效的问题
- 面试题系列:Redis 夺命连环11问
- JS插件之——bootstrap-suggest.js
- 人力面试时常规的面试题
- 这才是你需要的最基础的.Net基础面试题(通俗易懂,最基础的.Net)1
- (剑指Offer)面试题17:合并两个排序的链表
- JS算法面试题
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- three.js(JS 三维模型库)介绍和入门
- 软件测试工程师经典面试题
- 每天5道面试题(二)java基础
- 面试题 01.02. 判定是否互为字符重排-辅助数组算法
- JS:crypto-js实现AES加密解密
- 参加软件测试面试,容易被提问的面试题
- WPF 基础面试题及答案(一)
- 大数据面试题
- 【JS高级】js之函数、重载、匿名函数、作用域及作用域链_03
- 原生js实现随机验证码HTMl-JS
- JS必看面试题
- 【前端面试题——JS篇】
- 【最详细】Git常用命令面试题 (60道)