【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 字体文件问题 解决方法 写绝对路径 &…

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

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

【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…

ThreadLocal内存泄漏面试题

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

行列式-常山赵子龙

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

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

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

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

软件测试学习笔记丨Selenium学习笔记:常用页面信息对比方法expected_conditions

本文转自测试人社区,原文链接:https://ceshiren.com/t/topic/22514 本文为霍格沃兹测试开发学社的学习经历分享,写出来分享给大家,希望有志同道合的小伙伴可以一起交流技术,一起进步~ 说明:本篇博客基于sel…

开拓鸿蒙测试新境界,龙测科技引领自动化测试未来

在当今科技舞台上,鸿蒙 OS 以非凡先进性强势登场,打破传统操作系统格局,为软件测试领域带来全新机遇与艰巨挑战。 一、鸿蒙 OS 的辉煌崛起 (一)壮丽发展历程与卓越市场地位 鸿蒙 OS 的发展如波澜壮阔的史诗。2023 年…

JavaScript进阶:手写代码挑战(一)

​🌈个人主页:前端青山 🔥系列专栏:JavaScript篇 🔖人终将被年少不可得之物困其一生 依旧青山,本期给大家带来JavaScript篇专栏内容:JavaScript手写代码篇 #1024程序员节|征文# 在现代Web开发中&#xff0c…

中国移动机器人将投入养老场景;华为与APUS共筑AI医疗多场景应用

AgeTech News 一周行业大事件 华为与APUS合作,共筑AI医疗多场景应用 中国移动展出人形机器人,预计投入养老等场景 作为科技与奥富能签约,共拓智能适老化改造领域 天与养老与香港科技园,共探智慧养老新模式 中山大学合作中国…

[Python学习日记-53] Python 中的正则表达式模块 —— re

[Python学习日记-53] Python 中的正则表达式模块 —— re 简介 re 模块 练习 简介 我们在编程的时候经常会遇到想在一段文字当中找出电话号码、身份证号、身高、年龄之类的信息,就像下面的数据一样 # 文件名:美丽学姐联系方式.txt 姓名 地区 …