JS--5种方法区分数组和对象

最新推荐文章于 2024-03-25 18:38:43 发布

Cookielog

最新推荐文章于 2024-03-25 18:38:43 发布

阅读量661

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/Cookielog/article/details/124665164

本文介绍了四种JavaScript识别数组的方法：使用Array.isArray进行检查，通过instanceof操作符，查看构造函数，以及利用Object.prototype.toString.call。详细展示了每个方法的示例和结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1 ：通过 ES6 中的 Array.isArray 来识别

console.log(Array.isArray([]))//true
console.log(Array.isArray({}))//false

方法2 ：通过 instanceof 来识别

console.log([] instanceof Array)//true
console.log({} instanceof Array)//false

方法3 ：通过调用 constructor 来识别

console.log([].constructor)//[Function: Array]
console.log({}.constructor)//[Function: Object]

方法4 ：通过 Object.prototype.toString.call 方法来识别

console.log(Object.prototype.toString.call([]))//[object Array]  
console.log(Object.prototype.toString.call({}))//[object Object]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Cookielog

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript内置对象 - Array数组（二）- 方法

觉醒法师的专栏

10-01

1880

JavaScript的 Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象；Array 对象中还提供了各种有关数组的属性和方法，列举了 Array 对象中提供的属性和方法。

js中区分数组和对象

MISS_zhang_0110的博客

02-25

596

js中区分数组和对象一、通过instance of来识别二、通过Object,prototype.toString.call方法来识别三、通过ES6中的Array.isArray来识别四、通过调用constructor来识别一、通过instance of来识别 [] instance of Array //true {} instance of Array //false 二、通过Object,prototype.toString.call方法来识别 Object.prototype.toStr

参与评论您还未登录，请先登录后发表或查看评论

JS如何区分对象和数组

xiaobai_qihang的博客

03-24

3154

判断JS如何区分对象和数组使用typeof是不行的，直接上方法代码：一、直接使用内置方法isArray来判断，当然，只能判断是否是数组，对象还需要另外再判断 const a = [1, 2, 3, 4]; const b = {"name": "小白-起航"}; console.log(Array.isArray(a)) //true console.log(Array.isArray(b)) //false 二、使用constructor来判断 `const a = [2, 4, 3]; cons

JS区分数组和对象的方法

zlc516的博客

03-25

681

这些方法中，Array.isArray()是最推荐的方法，因为它简单且准确。通常，数组的constructor属性会指向Array构造函数，而普通对象的constructor属性会指向Object构造函数。这是一种比较通用的方法，因为即使修改了对象的constructor或prototype，它通常也能正确工作。Array.isArray()是一个静态方法，它接受一个参数，如果参数是一个数组，则返回true，否则返回false。这是区分数组和对象的最直接和最准确的方法。

js区分数组和对象的方法

m0_58634954的博客

09-10

626

1、方法一：instanceof（用来检测一个变量是否是某个对象的实例） target instanceof Array 如果返回true，则证明arr是数组 2、方法二：Object.prototype.toString.call(target) 如果返回[object Array]，则target是数组如果返回[object Object]，则target是对象 ...

JS中如何区分变量是数组还是对象

w13966597931的博客

08-21

1173

这里总结三种在js中判断一个变量，是数组，还是对象的方法。以及对象遍历，取值时的一些方法和坑

js实现数组和对象的深浅拷贝

10-19

在JavaScript中，数据类型分为两种：原始数据类型（如数字、字符串、布尔值、null和undefined）和对象类型（包括数组、对象、函数等）。当我们讨论深浅拷贝时，主要关注的是对象类型的数据，因为原始数据类型赋值时...

JavaScript数组去重的3种方法和代码实例

12-04

本文将介绍三种常见的JavaScript数组去重方法，并结合代码实例分析其效果和性能。 ### 方法一：使用对象哈希表（Hash Table）这种方法是通过创建一个空对象`obj`作为哈希表，遍历数组，将元素作为键存入对象。...

vue+element获取el-table某行的下标,根据下标操作数组对象方式

10-14

首先，让我们聚焦于核心话题——在el-table中获取某行的下标并操作数组对象。在Vue组件内，每个表格行（tr）都有一个默认的下标属性，它在模板中通过scope.$index来获取。scope.row则用来获取当前行的数据对象。基于...

node-kontains:确定对象或数组是否包含元素的小型工具

05-16

一个让您知道对象或数组是否包含元素的小工具安装要安装在节点中，只需运行 > npm install --save kontains 要在浏览器中使用，只需添加 [removed][removed] 用法对于您的对象或数组，只需在末尾添加.contains...

js中如何区分是数组还是对象三种方法

weixin_41277748的博客

01-28

2765

对象的枚举 1、for in 循环遍历 2、hasOwnProperty 3、in 4、instanceof 对象的查询属性的两种方法 var obj = { name: 'wq', age: 12, sex: 'man', wife1:'', wife2:'', wife3:'' } 1、obj.name 其实第一种和第二章是一样的，只不过第一种在其内部做了隐式转换； obj.name----->在内部做了obj['name'

JavaScript区分对象还是数组的四种方法

m0_51403152的博客

04-29

536

一.利用Object原型上的toString方法 let a={}; let b=[]; //通过调用Object原型上的string方法来区分 console.log(Object.prototype.toString.call(a)); console.log(Object.prototype.toString.call(b)); 二. 利用instanceof判断实例对象 let obj={}; let arr=[]; //通过instanceof来判断 console.log(

JS对象和数组的区别

qq_48666244的博客

11-17

679

JS对象和数组的区别

js中数组和对象的区别方法

yuanwen52的博客

04-22

474

可以使用：instanceof function isArray(obj) { return obj instanceof Array; } function isObject(obj){ return obj instanceof Object; } var arr=[1,2,3,4,5,6]; var object={name:'袁文军'}; console.log(i...

javascript区分数组和对象

msnhce的博客

10-07

234

js中没有一个好的机制来区分数组和对象。typeof运算符报告数组的类型是‘object’，要确定一个对象是否是数组我们可以通过自己定义的isArray方法来判断。先小结以下typeof运算符：字符串、数字、布尔类型typeof运算符分别返回string, number, boolean。 typeof（null）返回object 自定义方法区分数组和对象： function ...

JS中数组和对象的判断

weixin_43487782的博客

09-06

2395

typeof可以识别所有的值类型，识别函数，用于判断数据类型，返回值为6个字符串，分别为string、Boolean、number、function、object、undefined。但是无法判断引用类型array和object，在判断null、array、object以及函数实例（new + 函数）时，得到的都是object，因此有很大的局限性使用instanceof判断Array和Object instanceof用来判断一个变量是否为一个构造函数创建的实例，代码形式为obj1 instanceo

js如何区分数组和对象？+ 数组和对象的区别总结

weixin_43312083的博客

03-11

3862

前言--我们可能会经常用到typeof去判断某一个变量的类型。 typeof一般测试基本类型（Undefined、Null、Boolean、Number、String)，对引用类型（数组，对象，函数），数组和对象返回object，函数引用类型返回Function。 typeof对于区分数组和对象是没有用的。方法一：通过ES6中的Array.isArray来识别 Array.isAr...

js如何区分数组和对象

weixin_58414196的博客

11-18

412

方法四：通过 Object.prototype.toString.call 方法来识别。方法一：通过 ES6 中的 Array.isArray 来识别。{}.constructor //返回 object。[].constructor //返回 Array。方法三：通过调用 constructor 来识别。方法二：通过 instanceof 来识别。如何区分数组和对象？

JS区别数组和对象的方法

weixin_43821550的博客

07-26

315

var Arr = []; var Obj = {}; 第一种 constructor --->构造器返回构造该对象的构造函数 Arr.constructor //运行结果 ---> ƒ Array() { [native code] } Obj.constructor //运行结果 ---> ƒ Object() { [native code] } 第二种 A i...

如何区分数组和对象，如何区分判断对象

最新发布

03-11

<think>好的，我现在需要回答用户关于如何区分数组和对象，以及如何判断对象的问题。首先，我得回忆一下JavaScript中数组和对象的基本概念，以及它们的区别。用户可能是在编程中遇到了类型判断的问题，特别是在处理JSON数据或者动态数据结构时容易混淆数组和对象。我需要分步骤来解释，先讲类型，再讲具体方法。首先，数组和对象在JavaScript中都是对象类型，但它们的构造方式不同。数组是有序集合，用数字索引，而对象是键值对的集合，键通常是字符串或Symbol。不过，用户可能想知道如何在实际代码中区分它们。接下来，我需要考虑不同的判断方法。typeof操作符对于数组和对象都会返回"object"，所以直接使用typeof不行。这时候应该提到使用Array.isArray()方法来检测数组，因为这是最可靠的方式。而对象则需要进一步判断，比如检查constructor属性或者使用Object.prototype.toString.call()方法。然后，可能需要提到instanceof运算符，不过要注意它在跨框架时的潜在问题。另外，使用Object.prototype.toString.call()会更可靠，因为它返回内部[[Class]]属性，比如数组会返回"[object Array]"，而普通对象返回"[object Object]"。对于用户如何区分判断对象，这里可能指的是如何确定一个变量是普通对象而不是其他对象类型，比如数组、日期等。这时候需要排除其他对象类型，比如检查constructor是否为Object，或者使用Object.prototype.toString，同时确保它不是null，因为typeof null也会返回"object"。还需要考虑一些特殊情况，比如ES6中的新类型，比如Set、Map，这些可能也需要处理，但用户的问题可能主要集中在基础的对象和数组上。不过，应该提到这些情况可能存在，但判断方法类似。最后，总结步骤，给出示例代码，并提醒注意事项，比如跨框架问题、null的情况，以及ES6类型的影响。这样用户可以根据不同情况选择合适的方法。现在要组织语言，确保结构清晰，先讲数组的判断，再讲对象的判断，每种方法都说明其原理和适用场景，最后总结对比。同时，要使用中文，避免专业术语过于晦涩，让初学者也能理解。</think>要区分数组和对象并判断对象类型，可以通过以下步骤实现： --- ### 一、区分数组与对象 #### 1. **使用`Array.isArray()`检测数组** ```javascript const arr = [1, 2, 3]; const obj = { a: 1, b: 2 }; console.log(Array.isArray(arr)); // true console.log(Array.isArray(obj)); // false ``` #### 2. **检查`constructor`属性** ```javascript console.log(arr.constructor === Array); // true console.log(obj.constructor === Object); // true ``` #### 3. **使用`Object.prototype.toString`** ```javascript console.log(Object.prototype.toString.call(arr)); // [object Array] console.log(Object.prototype.toString.call(obj)); // [object Object] ``` --- ### 二、判断普通对象 #### 1. **排除数组和其他对象类型** ```javascript function isPlainObject(target) { return typeof target === 'object' && target !== null && Object.prototype.toString.call(target) === '[object Object]'; } console.log(isPlainObject({})); // true console.log(isPlainObject([])); // false console.log(isPlainObject(null)); // false console.log(isPlainObject(new Date));// false ``` #### 2. **检查构造函数链** ```javascript function isPlainObject(target) { return target.constructor === Object && Object.getPrototypeOf(target) === Object.prototype; } ``` --- ### 三、核心区别总结 | 特征 | 数组 (`Array`) | 对象 (`Object`) | |---------------|------------------------------|------------------------------| | 类型检测 | `Array.isArray()` 返回 `true` | `typeof` 返回 `"object"` | | 索引类型 | 数字索引 (`0, 1, 2...`) | 字符串/Symbol 键 (`"key"`） | | 特殊方法 | 有`push()`/`pop()`等方法 | 无内置数组方法 | | 字符串表示 | `[1, 2, 3]` | `{a: 1, b: 2}` | --- ### 四、注意事项 1. **`typeof`陷阱**：`typeof []`和`typeof {}`都返回`"object"` 2. **跨框架问题**：不同窗口的`Array`构造函数可能不共享 3. **ES6+类型**：如`Set`/`Map`需用`Object.prototype.toString.call()`进一步判断 4. **`null`处理**：需显式排除`target === null` 通过组合使用这些方法，可以准确区分数组、普通对象和其他复杂对象类型。