判断数组的方法以及优劣势

前言

在 JavaScript 中通常判断数据类型有两种方法,分别是 typeof 和 instance。
在这里插入图片描述
对于 typeof 方法。通过以上图片得知,不管是对象,还是数组。得到的结果都是“object”。所以无法区别对象和数组。

可能有的人会想到通过 length 判断。typeof arr ==='object' && arr.length。殊不知函数也有 length 属性。length 的长度为参数的个数。

既然以上方法不能使用,那么应该如何判断数组类型呢?

方法一:instanceof Array

instanceof 方法主要用来判断一个对象是否是另一个对象的子类。通常用于判断是否是 new 构造出来的对象。

function Person(name){
this.name = name;
};
var jack = new Person('jack');
jack instanceof Person;//true

但是需要注意的是 instanceof 方法不仅可以判断子类,也可以判断后代类。
在这里插入图片描述
字面量对象是 Object 的子类,字面量数组是 Array 的子类。但是 Array 也是 Object 的子类,所以可以理解为字面量数组是 Object 的后代类。所以以上输出均为 true。因此我们要判断是否为数组对象,需要使用 instanceof Array。
在这里插入图片描述

方法二:Array.isArray()

Array.isArray() 是 ES5 新增用来判断是否是数组的方法。

用法

var arr = [] ;Array.isArray(arr);//true

在这里插入图片描述

方法三:Object.prototype.toString.call()

toString 方法是将
用法

var arr = [] ;Object.prototype.toString.call(arr) == "[object Array]";//true

在这里插入图片描述

性能对比

在这里插入图片描述
由上图可知性能最优的是 Array.isArray() 方法,其次是 instanceof Array,最后是 Object.prototype.toString.call()。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值