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

news2024/10/18 18:27:15

文章目录

      • 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.coloradmin.cn/o/2217950.html

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

相关文章

JavaSE之多态

文章目录 多态的概念多态的实现条件向上转型动态绑定静态绑定向下转型Object类 给个关注叭        个人主页 JavaSE专栏 前言:本篇文章主要整理了多态的概念、实现条件、多态性的体现、向上转型、向下转型、动态绑定和静态绑定以及Object类中的equals、toStri…

web网页---QQ注册页面的实现

代码部分 <title>QQ注册</title> </head> <style>.text-style1 {color: black;font-size: 28px;}.text-style2 {color: rgb(37, 37, 37);font-size: 17px;}.text-style3{color: rgba(189, 185, 185, 0.904);font-size: 9px;}.text-style4 {color: rg…

[枚举坤坤]二进制枚举

啊&#xff0c;哈喽&#xff0c;小伙伴们大家好。我是#Y清墨&#xff0c;今天呐&#xff0c;我要介绍的是二进制枚举。 简介 TA是枚举算法中的一种特例&#xff0c;其主要运用在求某一集合的子集个数这一算法中。其基本概念就是利用二进制数中的1与0代表选择与否&#xff0c;其…

gradle镜像下载地址

gradle镜像下载地址:Index of /gradle/https://mirrors.cloud.tencent.com/gradle/

MongoDB 的安装详情

在虚拟机里面opt下 新建一个mongodb文件夹 再新建一个opt/mongodb/data文件夹&#xff0c; 然后将挂载的mongodb数据放到data文件夹里&#xff1a; 【把mongodb的数据挂载出来&#xff0c;以后我们再次重启的时候 数据起码还会在】 冒号右边 挂载到左边的路径 docker run -…

vue npm run ...时 报错-系统找不到指定的路径

vue项目修改时&#xff0c;不知道那一步操作错误了&#xff0c;运行npm run …时报错 系统找不到指定的路径&#xff0c;对此进行记录一下&#xff01; 解决方法&#xff1a; 1、执行 npm install 命令&#xff0c;重新下载模块 2、根据下方提示执行 npm fund 查看详细信息 …

哪家云电脑便宜又好用?ToDesk云电脑、顺网云、达龙云全方位评测

陈老老老板&#x1f934; &#x1f9d9;‍♂️本文专栏&#xff1a;生活&#xff08;主要讲一下自己生活相关的内容&#xff09;生活就像海洋,只有意志坚强的人,才能到达彼岸。 &#x1f9d9;‍♂️本文简述&#xff1a;讲一下市面上云电脑的对比。 &#x1f9d9;‍♂️上一篇文…

MySQL系列—14.锁

目录 1、锁 读-读情况 写-写情况 读-写或写-读情况 2、锁的分类 2.1 读锁、写锁 2.2 表级锁 2.2.1 表级的S锁/X锁 2.2.2 意向锁 2.2.3 元数据锁(MDL锁) 2.3 行级锁 2.3.1 记录锁&#xff08;Record Locks&#xff09; 2.3.2 间隙锁 2.3.3 临键锁&#xff08;Next…

(C/C++)文件

目录 1. 为什么使用文件 2. 什么是文件 2.1 程序文件 2.2 数据文件 3. 文件的打开和关闭 3.1 文件指针 3.2 文件的打开和关闭 4. 文件的顺序读写 fputc fgetc fputs fgets fprintf fscanf fwrite fread sprintf和sscanf snprintf ​编辑 4对比一组函数(prin…

【Spring篇】初识之Spring的入门程序及控制反转与依赖注入

&#x1f9f8;安清h&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;【计算机网络】&#xff0c;【Mybatis篇】 &#x1f6a6;作者简介&#xff1a;一个有趣爱睡觉的intp&#xff0c;期待和更多人分享自己所学知识的真诚大学生。 文章目录 &#x1f3af;初始Spring …

cmake 编译 01

CMakeLists.txt cmake_minimum_required(VERSION 3.10)project(MyProject)set(CMAKE_CXX_STANDARD 17) set(CMAKE_CXX_STANDARD_REQUIRED True)# 如果顶层 CMakeLists.txt 文件中使用了 add_subdirectory() 命令&#xff0c;CMake 会进入指定的子目录&#xff0c;并处理该目录…

每周心赏|一觉醒来,我得诺奖了?

这次诺奖名单我看了&#xff0c;我不在里面&#xff0c;说实话我很失望&#x1f62e;‍&#x1f4a8;&#xff0c;希望AI可以懂事点&#xff0c;立刻、马上为我颁奖&#xff01; AI&#xff1a;收到&#x1fae1;&#xff0c;现在就去做。 自从发现了这个可以做诺奖海报的智能…

【Python】NumPy(一):数据类型、创建数组及基本操作

目录 ​NumPy初识 1.什么是NumPy&#xff1f; NumPy的应用 NumPy数据类型 Python基本数据类型 NumPy数据类型 NumPy数组 创建数组 1.使用numpy.array() 2.使用arange()方法创建 3.使用linspace()创建等差数列 4使用zeros()创建数组 5.使用ones()创建数组 6.利用…

精华帖分享 | 从华泰研报出发,开启人工智能炼丹篇章!

本文来源于量化小论坛策略分享会板块精华帖&#xff0c;作者为1go的程序猿&#xff0c;发布于2024年3月30日。 以下为精华帖正文&#xff1a; 最近研究完邢大新发布的各种框架后&#xff0c;突然冒出了想当牛马的想法。但是&#xff0c;本人作为一个量化小白&#xff0c;从头开…

【图解版】力扣第1题:两数之和

Golang代码实现 func twoSum(nums []int, target int) []int {m : make(map[int]int)for i : range nums {if _, ok : m[target - nums[i]]; ok {return []int{i, m[target - nums[i]]}} m[nums[i]] i}return nil }

【深度学习】阿里云GPU服务器免费试用3月

【深度学习】阿里云GPU服务器免费试用3月 1.活动页面2.选择交互式建模PAI-DSW3.开通 PAI 并创建默认工作空间4.前往默认工作空间5.创建交互式建模&#xff08;DSW&#xff09;实例 1.活动页面 阿里云免费使用活动页面 2.选择交互式建模PAI-DSW 支持抵扣PAI-DSW入门机型计算用量…

ONLYOFFICE文档8.2:开启无缝PDF协作

ONLYOFFICE 开源办公套件的最新版本新增约30个新功能&#xff0c;并修复了超过500处故障。 什么是 ONLYOFFICE 文档 ONLYOFFICE 文档是一套功能强大的文档编辑器&#xff0c;支持编辑处理文档、表格、幻灯片、可填写的表单和PDF。可多人在线协作&#xff0c;支持插件和 AI 集…

C++从入门到起飞之——红黑树 全方位剖析!

&#x1f308;个人主页&#xff1a;秋风起&#xff0c;再归来~&#x1f525;系列专栏&#xff1a;C从入门到起飞 &#x1f516;克心守己&#xff0c;律己则安 目录 1. 红⿊树的概念 2. 红⿊树的实现 2.1 构建整体框架 2.2 红黑树的插入 2.3 红黑树的验证 2.4 红黑树…

C#学习笔记(三)

C#学习笔记&#xff08;三&#xff09; 第 二 章 命名空间和类、数据类型、变量和代码规范二、类的组成和使用分析1. 基本概念2. 类的内容组成3. 方法的初步理解 第 二 章 命名空间和类、数据类型、变量和代码规范 二、类的组成和使用分析 1. 基本概念 类是程序的基本单元&a…

能源设施安全智能守护:AI监控卫士在油气与电力领域的应用

能源行业的安全与稳定运行对于社会的可持续发展至关重要&#xff0c;无论是石油、天然气还是电力设施&#xff0c;都面临着复杂的监测需求。思通数科推出的AI视频监控卫士&#xff0c;通过应用先进的人工智能技术&#xff0c;为能源行业的安全监测提供了高效、智能的解决方案。…