【JS】如何识别一个变量是不是数组对象

文章目录

      • 1. Array.isArray()
        • 语法
        • 示例
      • 2. Object.prototype.toString.call()
        • 语法
        • 示例
      • 3. `instanceof` 操作符
        • 语法
        • 示例
      • 4. 检查 constructor属性
        • 语法
        • 示例
      • 总结

在 JavaScript 中,有几种方法可以用来识别一个变量是否是数组对象。以下是一些常用的方法:

1. Array.isArray()

Array.isArray() 是最推荐和最可靠的方法。它是 ECMAScript 5 引入的一个静态方法,专门用于检测一个值是否为数组。

语法
Array.isArray(value)
  • value:要检查的值。
  • 返回值:如果 value 是一个数组,则返回 true,否则返回 false
示例
console.log(Array.isArray([1, 2, 3])); // 输出: true
console.log(Array.isArray({})); // 输出: false
console.log(Array.isArray("Hello")); // 输出: false
console.log(Array.isArray(42)); // 输出: false
console.log(Array.isArray(null)); // 输出: false
console.log(Array.isArray(undefined)); // 输出: false
console.log(Array.isArray(new Array())); // 输出: true

2. Object.prototype.toString.call()

这种方法利用了 Object.prototype.toString 方法,它可以返回一个表示该对象的字符串。对于数组,它会返回 "[object Array]"

语法
Object.prototype.toString.call(value) === '[object Array]'
  • value:要检查的值。
  • 返回值:如果 value 是一个数组,则返回 true,否则返回 false
示例
function isArray(value) {return Object.prototype.toString.call(value) === '[object Array]';
}console.log(isArray([1, 2, 3])); // 输出: true
console.log(isArray({})); // 输出: false
console.log(isArray("Hello")); // 输出: false
console.log(isArray(42)); // 输出: false
console.log(isArray(null)); // 输出: false
console.log(isArray(undefined)); // 输出: false
console.log(isArray(new Array())); // 输出: true

3. instanceof 操作符

instanceof 操作符可以用来检测一个对象是否是某个构造函数的实例。虽然这种方法在大多数情况下有效,但在跨框架或 iframe 的情况下可能会有问题,因为它依赖于对象的构造函数。

语法
value instanceof Array
  • value:要检查的值。
  • 返回值:如果 value 是一个数组,则返回 true,否则返回 false
示例
function isArray(value) {return value instanceof Array;
}console.log(isArray([1, 2, 3])); // 输出: true
console.log(isArray({})); // 输出: false
console.log(isArray("Hello")); // 输出: false
console.log(isArray(42)); // 输出: false
console.log(isArray(null)); // 输出: false
console.log(isArray(undefined)); // 输出: false
console.log(isArray(new Array())); // 输出: true

4. 检查 constructor属性

通过检查对象的 constructor 属性也可以判断一个值是否为数组。但这种方法不如前两种方法可靠,因为 constructor 属性可以被重写。

语法
value.constructor === Array
  • value:要检查的值。
  • 返回值:如果 value 是一个数组,则返回 true,否则返回 false
示例
function isArray(value) {return value && value.constructor === Array;
}console.log(isArray([1, 2, 3])); // 输出: true
console.log(isArray({})); // 输出: false
console.log(isArray("Hello")); // 输出: false
console.log(isArray(42)); // 输出: false
console.log(isArray(null)); // 输出: false
console.log(isArray(undefined)); // 输出: false
console.log(isArray(new Array())); // 输出: true

总结

  • Array.isArray():最推荐和最可靠的方法。
  • Object.prototype.toString.call():非常可靠,适用于所有情况。
  • instanceof:在大多数情况下有效,但在跨框架或 iframe 的情况下可能会有问题。
  • 检查 constructor 属性:不太可靠,因为 constructor 属性可以被重写。

推荐使用 Array.isArray()Object.prototype.toString.call() 方法来检测一个变量是否是数组对象。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/453389.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL【知识改变命运】06

前言:在05这节数据结构里面,我们知道select * from 这个操作很危险,如果数据库很大,会把服务器资源耗尽,接下来提到的查询可以有效的限制返回记录 1:分页查询 分页查询可以有效控制一次查询出来的结果集的…

数据结构与集合源码

目录 一、数据结构 1.1 数据结构概念 1.2 研究对象 1.3 常见存储结构 1.3.1 数组 1.3.2 链表 1.单向链表 2.双向链表 1.3.3 二叉树 1.3.4 栈(FILO,先进后出) 1.3.5 队列(FIFO,先进先出) 二、集合…

基于卷积神经网络的蔬菜识别系统,resnet50,mobilenet模型【pytorch框架+python源码】

更多目标检测和图像分类识别项目可看我主页其他文章 功能演示: 基于卷积神经网络的蔬菜识别系统,resnet50,mobilenet【pytorch框架,python,tkinter】_哔哩哔哩_bilibili (一)简介 基于卷积神…

Java设计模式梳理:行为型模式(策略,观察者等)

行为型模式 行为型模式关注的是各个类之间的相互作用,将职责划分清楚,使得我们的代码更加地清晰。 策略模式 策略模式太常用了,所以把它放到最前面进行介绍。它比较简单,我就不废话,直接用代码说事吧。 下面设计的…

软件架构之构件复用技术

简介 软件架构复用 在应用软件系统的开发过程中,通常包含以下几个关键阶段:需求分析、设计、编码、测试和维护。在这些阶段中,复用技术均可以得到有效应用。特别是,软件架构复用作为一种大粒度、高抽象级别的复用方式&#xff0…

55 | 享元模式(下):剖析享元模式在Java Integer、String中的应用

上篇文章,我们通过棋牌游戏和文本编辑器这样两个实际的例子,学习了享元模式的原理、实现以及应用场景。用一句话总结一下,享元模式中的“享元”指被共享的单元。享元模式通过复用对象,以达到节省内存的目的。 今天,我…

[PHP]重复的Notice错误信息

<?php $a []; var_dump($a[name]);执行结果&#xff1a; 原因&#xff1a; display_errors和error_reporting都打开了Notice错误信息

线性回归实现

1.从数据流水线、模型、损失函数、小批量随机梯度下降优化器 %matplotlib inline import random import torch from d2l import torch as d2l 2.根据带有噪声的线性模型构造人造数据集。使用线性模型参数w [2,-3.4]T、b 4.2和噪声项ε生成数据集及标签 y Xw b ε def …

windows 上验证请求接口是否有延迟

文件名&#xff1a;api_request_script.bat &#xff0c;直接右键点击执行即可。 echo off setlocal:: 配置:: 替换为实际接口URL set "logFilelog.txt" set "errorLogFileerror_log.txt" set "interval3" :: 请求间隔&#xff08;秒&#xff…

React之组件渲染性能优化

关键词&#xff1a; shouldComponentUpdate、PureComnent、React.memo、useMemo、useCallback shouldComponentUpdate 与 PureComnent shouldComponentUpdate 与 PureComnent 用于类组件。虽然官方推荐使用函数组件&#xff0c;但我们依然需要对类组件的渲染优化策略有所了解…

面经汇总——第一篇

1. int数据类型做了什么优化 Java在处理整数类型时&#xff0c;进行了多种优化&#xff0c;主要体现在编译器层面和JVM层面&#xff0c;目的是提高性能、减少内存开销。 常量池优化 Java中的Integer类有一个缓存机制&#xff0c;对于值在-128到127之间的int数字&#xff0c;Int…

springBoot集成nacos注册中心以及配置中心

一、安装启动nacos 访问&#xff1a;http://127.0.0.1:8848/nacos/index.html#/login 二、工程集成nacos 1、引入依赖 我这里搭建的父子工程哈&#xff0c;在子工程引入 <dependencies><!-- SpringBoot Web --><dependency><groupId>org.sp…

代码审计-Python Flask

1.Jinjia2模版注入 Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug &#xff0c;模板引擎则使用 Jinja2。jinja2是Flask作者开发的一个模板系统&#xff0c;起初是仿django模板的一个模板引擎&#xff0c;为Flask提供模板支持&#xff0c;由于…

MySQL-30.索引-介绍

一.索引 为什么需要索引&#xff1f;当我们没有建立索引时&#xff0c;要在一张数据量极其庞大的表中查询表里的某一个值&#xff0c;会非常的消耗时间。以一个6000000数据量的表为例&#xff0c;查询一条记录的时间耗时约为13s&#xff0c;这是因为要查询符合某个值的数据&am…

RabbitMQ系列学习笔记(八)--发布订阅模式

文章目录 一、发布订阅模式原理二、发布订阅模式实战1、消费者代码2、生产者代码3、查看运行结果 本文参考&#xff1a; 尚硅谷RabbitMQ教程丨快速掌握MQ消息中间件rabbitmq RabbitMQ 详解 Centos7环境安装Erlang、RabbitMQ详细过程(配图) 一、发布订阅模式原理 在开发过程中&…

SpringBoot+MyBatis+MySQL项目基础搭建

一、新建项目 1.1 新建springboot项目 新建项目 选择SpringBoot&#xff0c;填写基本信息&#xff0c;主要是JDK版本和项目构建方式&#xff0c;此处以JDK17和Maven举例。 1.2 引入依赖 选择SpringBoot版本&#xff0c;勾选Lombok&#xff0c;Spring Web&#xff0c;MyBa…

UI自动化测试 —— web端元素获取元素等待实践!

前言 Web UI自动化测试是一种软件测试方法&#xff0c;通过模拟用户行为&#xff0c;自动执行Web界面的各种操作&#xff0c;并验证操作结果是否符合预期&#xff0c;从而提高测试效率和准确性。 目的&#xff1a; 确保Web应用程序的界面在不同环境(如不同浏览器、操作系统)下…

设计模式和软件框架的关系

设计模式和软件框架在软件开发中都有助于解决复杂问题和提高代码质量&#xff0c;但它们在概念和使用上存在一些区别。它们的关系可以通过以下几点理解&#xff1a; 层次与抽象程度 设计模式&#xff08;Design Patterns&#xff09;是一组通用的、可复用的解决方案&#xff0c…

完爆YOLOv10!Transformer+目标检测新算法性能无敌,狠狠拿捏CV顶会!

百度最近又搞了波大的&#xff0c;推出了一种全新的实时端到端目标检测算法RT-DETRv3&#xff0c;性能&耗时完爆YOLOv10。 RT-DETRv3基于Transformer设计&#xff0c;属于代表模型DETR的魔改进化版。这类目标检测模型都有着强大的扩展性与通用性&#xff0c;因为Transform…

MySQL—CRUD—进阶—(二) (ಥ_ಥ)

文本目录&#xff1a; ❄️一、新增&#xff1a; ❄️二、查询&#xff1a; 1、聚合查询&#xff1a; 1&#xff09;、聚合函数&#xff1a; 2&#xff09;、GROUP BY子句&#xff1a; 3&#xff09;、HAVING 子句&#xff1a; 2、联合查询&#xff1a; 1&#xff09;、内连接…