如何判断一个对象为数组

于 2024-09-18 17:57:49 发布
阅读量181 收藏 1
点赞数 7
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62547636/article/details/142339850
版权

本文介绍3种方法去判断一个对象是否为数组。

01

使用Object.prototype.toString.call(),这个方法会返回一个字符串，我们可以用返回结果和[object Aarray]进行比较，判断对象是否为一个数组。

该方法存在一个缺陷，ES6标准中，对象增加了一个Symbol.toStringTag属性，这可以使我们自定义该方法返回值，从而得到与预期不符的结果。

在日常使用中，不会去自定义该属性值，但在大框架或者组件开发中必须考虑全面，这会使得缺陷被放大。

02

使用instanceof原型链，同理会得到一个返回值，根据值去判断该对象是否为数组。

同样的，如果我们人为去设置一个对象的原型为数组，那么也会得到相同的结果。

如果通过人为方式去定义该对象为数组，即我们认定这个对象的原型链上有Array的原型就是一个数组，那么得到的结果没什么问题。但从数组的定义出发，即数组是一种特殊的存储结构，它的空间结构是连续的，对数组进行修改时，时间复杂度为O(1)，这种情况下得到的结果是不对的。

同时，如果页面上存在iframe框架页的话，那么会有新的问题，上面代码中的Array是全局对象，使用window.Array构造函数得到的，在框架页中也存在一个Array，使用iframe.contentWindow.Array构造函数得到的，如果使用这个去创建一个新的数组，即使该对象是数组，但是也不会得到预期结果，因此，这种方法也不适用。

03

现在也是最准确的一种方法就是使用Array.isArray()，isArray()是使用c++去实现的，该方法会判断对象的数据结构，也就是有没有经过Array这个构造函数。

最后介绍一种有趣的方法，将对象转化成json字符串，取第一个字符判断是不是[，如图所示。

​

是聪哥呀
关注
javascript 判断一个对象为数组的方法
10-19
这可能导致在判断一个对象是否为数组时产生混淆。为此，JavaScript提供了一些方法来进行准确的数组判断。 1. `instanceof`运算符：这是一种简单直接的方式。`instanceof`运算符可以用来检测构造函数的prototype属性...
js语法学习之判断一个对象是否为数组
10-25
另一个判断数组的方法是使用typeof运算符。typeof可以返回数据的基本类型。在JavaScript中，typeof可以返回六种数据类型：number、string、function、object、undefined、boolean。对于数组类型，typeof会返回object...
js中如何判断一个对象为数组
loveskin的博客
11-21 1312
如何判断一个对象为数组？ 1.可以使用typeof操作符判断当他遇到null类型和Array对象时都会判断为object console.log(typeof null); // object console.log(typeof [1,2,3]); // object console.log(typeof '这是一段字符串'); // string console.log(typeof 1); // number console.log(typeof a); // undefined conso
判断一个对象是否为数组的方法有哪些？
小草莓的博客
07-24 819
/ 方法一：通过对象的原型方法判断// 方法二：判断是否属于数组实例// 方法三：获取它的constructor构造函数// 方法四：数组自身的判断方法。
判断一个对象是否为数组的4种方法
前端御书房
08-29 7581
问题描述 在js中判断数据类型通常使用typeof，但是typeof在判断数组和对象时的结果都是object。 console.log(typeof []); console.log(typeof {}); 那么，怎么才能区分对象和数组呢？ 方法 判断原型 var obj = {}; var arr = []; console.log(arr); console.log(obj); 由上图可知，数组和对象的原型对象不一样，由此可以通过判断原型来判断一个对象是否为数组 var obj = {}
Js中如何判断一个对象为数组类型
Wendy
02-13 9542
在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。 string： 由单引号或双引号来说明，如"string"；number：数组类型，比如整数、小数等；Boolean: 有两个值：true、false;undefined：未定义，就是你创建一个变量后却没给它赋值
js判断一个对象为数组的方法
音韵者天
06-26 4173
数组对象js的数组是无类型的：数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组，这样就可以创建复杂的数据结构。 通常我们可以用一元运算符typeof来判断js的数据类型，但是对于数组这样一个特殊的对象却只能返回"object" typeof [1,2,3] "object" typeof 100 "number" typeof false "boo
如何判断一个对象是否为数组
weixin_42125732的博客
04-15 1396
function isArray(arg) { //传进来一个参数 if(typeof arg === 'object'){ // 判断传进来的是否是一个对象 return Object.prototype.toString.call(arg) === '[object Array]' //判断是否是数组 } } arr= ['ss','nn'] isArray(arr) //打印true ...
java判断是否为数组_怎么判断一个对象是不是数组类型？
weixin_39565910的博客
02-20 2522
前面《变量的赋值和对象的赋值》中有用到typeof运算符去判断运算数的类型，结果如下：alert(typeof 1); // 返回字符串"number"alert(typeof "1"); // 返回字符串"string"alert(typeof true); // 返回字符串"boolean"alert(typeof...
判断一个数据是否为数组
Dark_programmer的博客
03-15 5050
怎么判断一个数组是数组呢？ 其实这个也是一个常考的题目。在面试的过程中，更是一个高频的面试题 1、数组方法 isArray() Array.isArray(variable); 这是js的一个方法，专门用来测试对象是否是Array类型。 举例： 由例子可知，此方法是即为便利的，直接就能对数据的类型进行判断。 2、原型 prototype + toString + call Object.p...
java判断一个Object是否为数组
m0_67403073的博客
04-03 991
判断一个Object是否是一个数组一开始想到了用 Object instanceOf Array来判断,可是经过测试根本达不到目的,直到运用java的反射机制才完成了这个判断 public static boolean isArray0(Object obj){ if(obj == null){ return false; } return obj instanceof Array; } public static bool
JavaScript判断对象是否为数组
11-23
文中为大家分享了三种JavaScript判断对象是否为数组的方法， 1. typeof 首先我们会想到的是使用typeof来检测数据类型，但是对于Function, String, Number, Undefined等这几种基本类型来说，使用typeof来检测都可以...
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 914
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
weixin_45980065的博客
09-14 662
【代码】【JavaScript】LeetCode：707设计链表。
记录开发一个英语听力训练网站
业余程序员Blue的博客
09-14 708
目前只导入了雅思历年真题的听力音频，作为我日常练习英语听力的素材足够了。网站的主要功能其实就是英语句子精听，核心目的就是反复听每一句话，直到听懂为止，我觉得听力训练也没有太多技巧可言，就是老老实实地坚持去听，所谓网上经常说的“磨耳朵”吧。基于此，听力页面主要功能有：播放/暂停、上一句/下一句、播放次数选择、播放倍速选择、字体大小选择、是否显示原文、是否显示译文、是否自动播放下一句。而这些功能，基本上都是页面js操作。
使用 uni-app 开发微信小程序的详细指南
2301_79685859的博客
09-16 794
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
最新发布
m0_51798113的博客
09-17 548
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 581
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
判断一个对象是否为数组
07-20
在JavaScript中，有几种方法可以判断一个对象是否为数组： 1. `Array.isArray(obj)`：这是最常用的方法，可以直接判断一个对象是否为数组。返回值为布尔类型。 ```javascript const arr = [1, 2, 3]; console.log(Array.isArray(arr)); // true const obj = { key: 'value' }; console.log(Array.isArray(obj)); // false ``` 2. `obj instanceof Array`：使用`instanceof`操作符也可以判断一个对象是否为数组。返回值为布尔类型。 ```javascript const arr = [1, 2, 3]; console.log(arr instanceof Array); // true const obj = { key: 'value' }; console.log(obj instanceof Array); // false ``` 3. `Array.prototype.isPrototypeOf(obj)`：可以通过判断数组原型是否为对象的原型来确定一个对象是否为数组。 ```javascript const arr = [1, 2, 3]; console.log(Array.prototype.isPrototypeOf(arr)); // true const obj = { key: 'value' }; console.log(Array.prototype.isPrototypeOf(obj)); // false ``` 这些方法都可以用来判断一个对象是否为数组。根据不同的场景和需求，选择适合的方法进行判断。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值