【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.mzph.cn/pingmian/57626.shtml

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

相关文章

wordcloud 字体报错

wordcloud 字体报错 词云库报错:Only supported for TrueType fonts字体文件问题pillow版本的问题wordcloud版本问题(我的最终解决方案) 词云库报错:Only supported for TrueType fonts 字体文件问题 解决方法 写绝对路径 &…

springboot3.x使用@NacosValue无法获取配置信息问题解决

一、问题描述 springboot从2.x升级到3.x后,nacos的依赖包需要改成Spring Cloud的依赖包才能继续使用。升级好以后,首先,确定我的项目是能够连上nacos并且加载到配置信息的,因为数据库等信息都是从nacos加载过来,能够正…

【故障解决】麒麟系统2403用户帮助手册点击无反应的解决方法

往期好文:【系统配置】命令行修改统信UOS的grub启动延时 Hello,大家好啊!今天给大家带来一篇关于如何解决麒麟系统2403版本中用户帮助手册点击无反应问题的文章。很多使用麒麟系统的小伙伴可能遇到过点击“用户帮助手册”后没有任何响应的情况…

Elasticsearch基础操作入门

阅前准备知识 学习 Elasticsearch (简称 ES) 的查询方式,建议从以下几个步骤入手: 理解 Elasticsearch 的基础概念 首先要了解 Elasticsearch 的核心概念,例如: Index(索引):相当于数据库中…

【Linux学习】(3)Linux的基本指令操作

前言 配置Xshell登录远程服务器Linux的基本指令——man、cp、mv、alias&which、cat&more&less、head&tail、date、cal、find、grep、zip&tar、bc、unameLinux常用热键 一、配置Xshell登录远程服务器 以前我们登录使用指令: ssh 用户名你的公网…

gorm.io/sharding改造:赋能单表,灵活支持多分表策略(下)

背景 分表组件改造的背景,我在这篇文章《gorm.io/sharding改造:赋能单表,灵活支持多分表策略(上)》中已经做了详细的介绍——这个组件不支持单表多个分表策略,为了突破这个限制做的改造。 在上一篇文章中&…

机器学习基础:算法如何让 AI 自我学习

大家好,我是Shelly,一个专注于输出AI工具和科技前沿内容的AI应用教练,体验过300款以上的AI应用工具。关注科技及大模型领域对社会的影响10年。关注我一起驾驭AI工具,拥抱AI时代的到来。 AI工具集1:大厂AI工具【共23款…

vue3+vue-baidu-map-3x 实现地图定位

文档地址:一个是2一个是3 https://dafrok.github.io/vue-baidu-map/#/zh/index vue-baidu-map-3x 1.首先要到百度地图开放平台上建一个账号,如果有百度账号可以直接登录百度地图-百万开发者首选的地图服务商,提供专属的行业解决方案 2.点击控制台&am…

Shell 编程-Shell 函数你学会了吗?

今天给伙伴们分享一下Shell 编程-Shell 函数,希望看了有所收获。 我是公众号「想吃西红柿」「云原生运维实战派」作者,对云原生运维感兴趣,也保持时刻学习,后续会分享工作中用到的运维技术,在运维的路上得到支持和共同进步! 如果伙伴们看了文档觉得有用,欢迎大家关注我的…

ThreadLocal内存泄漏面试题

一、ThreadLocal内部结构 首先更好的说明ThreadLocal内存泄露的场景,以及具体的原因,先来了解下ThreadLocal的内部结构,如图1所示。 可以看到,ThreadLocal对象是存储在每个Thread线程内部的ThreadLocalMap中的,并且在…

行列式-常山赵子龙

终于知道这类题怎么写了 两个条件都要用到 要计算,减少直觉

【加密系统】华企盾DSC服务台提示:请升级服务器,否则可能导致客户端退回到旧服务器的版本

华企盾DSC服务台提示:请升级服务器,否则可能导致客户端退回到旧服务器的版本 产生的原因:控制台版本比服务器高导致控制台出现报错 解决方案 方法:将控制台回退到原来的使用版本,在控制台负载均衡查看连接该服务器各个…

获取 Excel 文件中的所有工作表名称,可以通过 OleDbConnection 获取表架构

1. Microsoft.Jet.OLEDB.4.0 提供程序: 用于支持 Excel 972003 (.xls) 文件格式。 Extended Properties"Excel 8.0;HDRYES;IMEX1":Excel 8.0 表示 .xls 格式,HDRYES 表示第一行作为列名,IMEX1 用于处理混合数据…

图像分割-DeepLab

DeepLabV3源码链接:https://github.com/bubbliiiing/deeplabv3-plus-pytorch(打不开私信我获取) 一、简介 一般的模型如Unet一般用于医学领域,小目标,如细胞分割。 为了增大感受野(从而更好的获得全局特征…

LeetCode 18.四数之和

LeetCode 18.四数之和 C 思路🧐: 由题意得,四个数组里面的整数相加需要得到target这个目标值,且结果不能重复,那么我们可以用排序双指针的方式进行解答,将该数组变为升序数组,然后固定左边两个数…

建站工具Halo

建站工具Halo 项目及文档快速体验启动成功 类似wordpress的建站工具,使用java技术栈Springboot开发,对java开发者友好。 项目及文档 https://github.com/halo-dev/halo 快速体验 为了快速体验,直接使用docker compose部署。也可在源码基础…

人工智能+医学

医学影响的内型:(X光片、计算机断层扫描、磁共振成像、超声波) ITK snap医学图像读取 医学影像领域常见任务: 图像分类、语义分割、疾病预测、目标检测、图像配准、图像生成(应用少)、图像增强、生成放射学报告。 需要有很强的可解释…

指针进阶(三)(C 语言)

目录 一、回调函数二、快速排序函数 qsort1. qsort() 函数原型2. 使用 qsort() 函数 三、仿照 qsort 函数设计一个可以排序任意类型数组的冒泡函数1. 函数原型2. 函数设计思路 一、回调函数 在 C 语言中,回调函数是一种通过函数指针调用的函数,也就是一…

Spring Boot驱动的植物健康监测革命

1系统概述 1.1 研究背景 随着计算机技术的发展以及计算机网络的逐渐普及,互联网成为人们查找信息的重要场所,二十一世纪是信息的时代,所以信息的管理显得特别重要。因此,使用计算机来管理植物健康系统的相关信息成为必然。开发合适…

【贪心算法】(第十三篇)

目录 整数替换(medium) 题目解析 讲解算法原理 编写代码 俄罗斯套娃信封问题(hard) 题目解析 讲解算法原理 编写代码 整数替换(medium) 题目解析 1.题目链接:. - 力扣(Leet…