javascript判断一个对象是否为数组

javascript判断一个对象是否为数组

大家好,又见面了,我是全栈君。

在JavaScript中,可以通过typeof操作符来判断基本数据类型(Undefined、Null、Boolean、Number和String),同时相信大家也熟知typeof对于对象的判断是不准确的,因为特殊值Null被认为是一个空的对象的引用。

对于数组的创建,可以使用构造函数,通过传递数量

var colors = new Array(3);

也可以在构造函数中传递值来创建数组

var colors = new Array('red', 'blue', 'green');

创建数组的第二种基本方法是使用数组字面量

var colors = ['red', 'blue', 'green'];

判断一个对象是否为数组,最先想到的就是instanceof操作符,通过判断对象是否为Array的实例来达到目的

var array = [];
console.log(array instanceof Array); // true

使用instanceof操作符的问题在于它假定只有一个全局执行环境。

然而这在某些特殊环境下并不安全,下面引用自MDN:

在浏览器中,我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境,不同的全局环境拥有不同的全局对象,从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如,表达式 [] instanceof window.frames[0].Array 会返回false,因为Array.prototype !== window.frames[0].Array.prototype

因此,需要另寻别的方法来判断。

大家知道在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式的字符串。

var colors = [];
console.log(Object.prototype.toString.call(colors)); // "[object Array]"

利用这一点我们可以进一步将其封装成一个通用函数

function isArray(value) {
  return Object.prototype.toString.call(value).slice(8, -1) === 'Array';
}

在ES5中,为了解决这个问题,提供了Array.isArray()方法来确定某个值到底是不是数组,而不管它是在哪个全局作用域中创建的。

var colors = [];
console.log(Array.isArray(colors)); // true

行文到此应该结束了,因为判断数组的方法其实没有什么好说的。但是在ES6中,由于增加了一种新数据类型Symbol,并通过Symbol暴露了一些内部操作,导致了在判断的结果上会出现一些不确定情况。

和本文相关的一个是Symbol.hasInstance方法,它是执行操作符instanceof时内部调用的方法,用于检测对象的继承信息。当我们调用colors instanceof Array时,实际上调用的是Array[Symbol.hasInstance](colors)

如果没有了解过Symbol的童鞋还不清楚这意味着什么,且看下面的例子:

var sameArray = {
  [Symbol.hasInstance](instance) {
    return Array.isArray(instance);
  }
}

console.log([] instanceof sameArray); // true

这里我们定义了sameArrayinstance行为,内部调用了Array.isArray()方法来判断传入的参数是否为一个数组。同样我们可以改变一个classinstanceof行为,这里需要注意一点的是在class中是作为类的静态方法。

class Person {
  static [Symbol.hasInstance](instance) {
    return Array.isArray(instance);
  }
}

最重要的是我们可以直接改变内置Array的instanceof行为,导致其完全不可靠。

var colors = [];
Object.defineProperty(Array, Symbol.hasInstance, {
  value(v) {
    return false;
  }
})
console.log(colors instanceof Array); // false
console.log(Array.isArray(colors)); // true

上面我们提到使用Object原生的toString()方法来判断值是否为数组的实例。这在ES5中是一个很有效的方式,但在ES6中我们同样可以通过Symbol.toStringTag来改变Object.prototype.toString()的默认值。

Array.prototype[Symbol.toStringTag] = 'Magic';
var colors = [];
console.log(Object.prototype.toString.call(colors)); // "[object Magic]"

这也意味着Object.prototype.toString()不是一个十分可靠的识别对象类型的方式。

注意:虽然语言本身不会阻止你使用Symbol.toStringTag属性来改变对象内建的toString()方法的默认值,但还是不建议这样做。

最后:不论是在ES5还是ES6中,最可靠和最安全的数组判断方法是使用原生的Array.isArray()方法,而在ES3中我们可以直接使用Object.prototype.toString()来达到数组识别的目的。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/108170.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 划分数据集python代码_python 字符串类型

    划分数据集python代码_python 字符串类型本文将详细介绍文本分类问题并用Python实现这个过程。引言文本分类是商业问题中常见的自然语言处理任务,目标是自动将文本文件分到一个或多个已定义好的类别中。文本分类的一些例子如下:分析社交媒体中的大众情感 鉴别垃圾邮件和非垃圾邮件 自动标注客户问询 将新闻文章按主题分类更多Python视频、源码、资料加群683380553免费获取目录本文将详细介绍文本分类问题并用Pyt…

  • jdk 8 stream_stream流是什么

    jdk 8 stream_stream流是什么Java8新特性:Stream流详解本文章转载自头条网,只是觉得好用很详细,所以自己收集做下笔记,不做任何商业用途,不收任何费用,不喜勿喷。本文是转载,希望不要涉及到文章版权,只是自己做笔记。_________这个是最重要的。致敬头条@程序猿的内心独白1.Stream初体验我们先来看看Java里面是怎么定义Stream的:Asequenceofele…

  • isset,empty,is_null小知识

    isset,empty,is_null小知识

  • 数据库的左右连接和内连接_数据库各种连接的区别

    数据库的左右连接和内连接_数据库各种连接的区别原英文文章链接:https://www.codeproject.com/Articles/33052/Visual-Representation-of-SQL-Joins准备表A:–auto-generateddefinitionCREATETABLEtable_a(PKINT(10)NOTNULLPRIMARYKEY,Va…

  • 通达OA 工作流执行出现的异常现象处理(图文)

    通达OA 工作流执行出现的异常现象处理(图文)一个朋友用的工作流,突然说这里面多了很多人不应该看到这个流程的,就是在查询工作时,最上面多了一个“查阅信息”项,然后最下面多了很多人查询的记录。这个项目是从哪里来的呢?普通的流程倒也无所谓了,而有些流程如发文、任职等还是需要保密的,这样让大家查阅肯定是不行的。一开始以为是使用了工作流的转存文件柜的功能,实验了一下,这样转存后并不会在流程里关联查看到查阅信息。又实验了一下转发布公告,同样不是。最后咨

  • LinkedHashSet去重方法「建议收藏」

    LinkedHashSet去重方法「建议收藏」第二种(mCopyDatas为当前页数据,deals为总数据)LinkedHashSetmFiltSet=newLinkedHashSet();//用于确定数据唯一,过滤重复数据if(mPage==1){mFiltSet.clear();this.mDatas.clear();this.isRefresh=false;}//select=thi

    2022年10月12日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号