JavaScript判断变量是对象还是数组的方法

最新推荐文章于 2024-05-17 00:30:29 发布
原创 最新推荐文章于 2024-05-17 00:30:29 发布 · 320 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍JavaScript中判断变量或数组类型的五种方法，包括constructor、isArray、instanceof、toString及综合使用，解决typeof方法的局限性。

JavaScript中，使用typeof判断变量或者数组放回的都是object，因此需要使用下面的方法来进行判断

（1）constructor

用constructor判断,arr和obj本身没有constructor属性,但它的原型上有 --------------------- 本文来自 dreamjay1997 的优快云 博客 ，全文地址请点击：https://blog.youkuaiyun.com/dreamjay1997/article/details/80685727?utm_source=copy

(2)  isArray     //注意：IE8之前的版本不支持

isArray() 方法用于判断一个对象是否为数组。如果对象是数组返回 true，否则返回 false。

语法：Array.isArray( obj );

(3) 使用instanceof判断     

（4）toString（）

Object.prototype.toString的行为：首先，取得对象的一个内部属性[[Class]]，然后依据这个属性，返回一个类似于"[object Array]"的字符串作为结果(看过ECMA标准的应该都知道，[[]]用来表示语言内部用到的、外部不可直接访问的属性，称为“内部属性”)。利用这 个方法，再配合call，我们可以取得任何对象的内部属性[[Class]]，然后把类型检测转化为字符串比较，以达到我们的目的。

function isArrayFn (o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
var arr = [1,2,3,1];
alert(isArrayFn(arr));// true

call改变toString的this引用为待检测的对象，返回此对象的字符串表示，然后对比此字符串是否是'[object Array]'，以判断其是否是Array的实例。为什么不直接o.toString()?嗯，虽然Array继承自Object，也会有 toString方法，但是这个方法有可能会被改写而达不到我们的要求，而Object.prototype则是老虎的屁股，很少有人敢去碰它的，所以能一定程度保证其“纯洁性”：) 

JavaScript 标准文档中定义: [[Class]] 的值只可能是下面字符串中的一个： Arguments, Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String. 
这种方法在识别内置对象时往往十分有用，但对于自定义对象请不要使用这种方法。 

5.综合使用

javascript判断一个变量是数组还是对象
10-17
最后，`Object.prototype.toString.call()`方法是判断变量类型的最准确方式。这个方法会返回一个表示变量类型的字符串，其中包含了构造函数的名称： ```javascript var arr = ['aa', 'bb', 'cc']; var obj = { a: '...
判断一个变量是数组还是对象
dreamingbaobei的博客
10-17 209
判断一个变量是数组还是对象 javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。 一，判断方法 1.typeof     我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但...
js判断一个变量是不是对象
weixin_35749786的博客
01-10 582
可以使用 typeof 运算符来判断变量的类型。如果变量是对象，则 typeof 运算符会返回 "object"。 例如： let obj= {}; if (typeof obj === "object") { console.log("obj is an object"); } 但是，有一点需要注意：数组也是对象，所以 typeof [] 也会返回 "object"。如果要判断变量是否为数...
js判断变量，对象类型的方法
weixin_44140231的博客
07-09 516
typeof typeof是一个运算符，有两种使用方式：typeof(表达式)和typeof 变量名,第一种是对表达式做运算，第二种是对变量做运算。 typeof的返回值一般有如下几种类型： undefined，boolean,string,number,object(对象类型的变量或者值，或者null。null作为object类型处理),function typeof a //undefined typeof(true) .
js判断是字符串还是对象
weixin_35753291的博客
01-12 3559
可以使用 typeof 操作符来判断变量是字符串还是对象。 如果是字符串，则 typeof 返回 "string"。 如果是对象，则 typeof 返回 "object"。 例如： let a ="hello"; console.log(typeof a); // 输出 "string" let b = {name: "Bob"}; console.log(typeof b); // 输出 ...
javascript怎么判断是否为对象
热门推荐
南北极之间
05-25 4万+
javascript怎么判断是否为对象
JavaScript中判断变量是数组、函数或是对象类型的方法
10-24
JavaScript提供了不同的方法来判断变量的类型，但是每种方法都有其适用场景和限制。 首先，ECMAScript 5引入了一个原生的方法Array.isArray，用于判断一个变量是否为数组。此方法简洁明了，但遗憾的是它在IE9以下的...
判断一个变量是数组或者对象得方法有哪些？
qq_31930427的博客
06-09 1318
isArray() 方法用于判断一个对象是否为数组。如果对象是数组返回 true，否则返回 false。// true通过原型链判断是否具有和数组同一原型链的顶端。// true用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上// true所有原始数据类型都能通过该方法判断，具有通用性。
怎样判断一个变量是数组还是对象？
不定时分享最优质的网络技术与教程，满满的干货。
12-16 1353
通常情况下，我们第一时间会想到typeof运算符，因为typeof是专门用于类型检测的，但是typeof并不能满足这样的需求，比如。
判断变量是数组还是对象
sgegv的博客
05-17 347
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
js判断一个变量是否为数组或对象的方法整理，各种判断方法对比
recallMei的博客
07-29 924
是否为数组的判断方法 1.Array.isArray() (推荐) 通过es6的Array.isArray()实现 let arr = [] console.log(Array.isArray(arr)) //true 2.Object.prototype.toString.call (推荐) let arr = [] console.log(Object.prototype.toString.call(arr)) //[object Array] console.log(Object.pr
js中如何判断一个变量是数组还是对象
astonishqft的博客
03-14 1万+
在javascript中当使用typeof方法来判断[]和{}时，返回值都是’object’，那么如何来判断一个变量是数组还是对象呢？这里记录两种方法： 利用toString()方法 Object.prototype.toString.call({}) // [object Object] Object.prototype.toString.call([]) // [object Arra...
js基础复习篇--判断object对象是否是数组
weixin_44932552的博客
06-23 669
首先，js的数据类型分为两类，基本数据类型（值类型）和对象类型（引用类型）。 基本数据类型有：字符串、number、布尔、symbol、undefined、null. 引用数据类型：object普通对象：存储的功能； Array数组对象：有下标，内部数据有序 Function:内部有可执行的代码 判断object对象是否是数组 1、typeof方法 该方法返回是字符串的表达形式 // 基本类型 typeof 123; //number typeof "123"; //string typeof true;
判断一个变量是数组还是对象的几种方式
qq_22082797的博客
05-18 540
var arr=[]; console.log(arr.constructor===Array); console.log(arr instanceof Array); console.log(Array.isArray(arr)); console.log(Object.prototype.toString.call(arr)==='[object Array]');
JavaScript - 你是如何区分一个变量是对象还是数组的
xingyu_qie的专栏
04-07 1220
我们日常如果想要获得一个变量的类型，大多会使用typeof的方法，但typeof却不是很准确，遇到null、数组或是对象这种数据类型的时候，他就失灵了，返回值是object，那么都有哪些方式可以区分一个变量的类型是对象还是数组呢？请看以下4种方式。
JavaScript如何判断一个变量是数组还是对象
wanghongpu9305的博客
02-26 175
target instanceof type 注意：不可以用typeof，因为除了原始类型和function以外，全都是object。（包括null） ； 不要用Object来测试，因为Array属于object的子类 var a = {} var b = [] // 【注意】不要用Object来测试，因为Array属于Object的子类 console.log(a instanceof Array) //false console.log(b instanceof Array) //true .
【JavaScript面试】如何判断变量为对象或数组？
qq_40992225的博客
07-24 941
判断简单数据类型可以用typeof，判断数组，对象使用instanceof，constructor和Object.prototype.toString.call()，最好使用Object.prototype.toString.call()，更加精准https。
js中如何判断一个变量是对象还是数组
最新发布
02-27
<think>好的，我现在需要帮助用户解决如何在JavaScript中判断一个变量是对象还是数组的问题。首先，我得回忆一下自己之前学过的相关知识，确保回答准确。 用户的问题看起来是基础问题，但可能涉及到一些常见的陷阱。首先，我需要考虑JavaScript中的数据类型，尤其是对象和数组的区别。因为数组实际上是对象的一种，所以直接使用typeof操作符可能会得到"object"，这显然不足以区分。 接下来，我应该想到常用的方法，比如使用Array.isArray()来判断数组，这是ES5引入的方法，比较可靠。然后对于对象，可能需要进一步排除数组、null等情况。因为typeof null也会返回"object"，所以需要特别处理。 用户可能需要一个全面的解决方案，能够准确区分普通对象、数组以及其他类型。比如，用户可能有一个变量，可能是字面量对象{}，或者是数组[]，甚至是null，或者是其他类型的对象实例，比如Date等。这时候，如何正确判断类型就变得重要了。 另外，用户可能对原型链的方法有所了解，比如使用constructor属性或者instanceof操作符。不过，这些方法在跨框架或窗口时可能会有问题，比如不同的全局环境导致Array构造函数不同，这时候instanceof可能不可靠。所以Array.isArray()更推荐。 对于对象类型的判断，除了检查typeof结果为"object"之外，还需要确保变量不是null，并且不是数组。这时候，可以组合多个条件：obj !== null && typeof obj === 'object' && !Array.isArray(obj)。不过，这样可能还不够，比如像Date、RegExp这样的内置对象也会被归为对象，但用户可能只关心纯对象（即通过对象字面量或Object构造函数创建的对象）。 如果需要区分纯对象和其他对象类型，可能需要检查对象的构造函数，比如obj.constructor === Object。但这也可能有例外情况，比如通过Object.create(null)创建的对象没有constructor属性，或者如果对象修改了原型链，这时候这种方法可能失效。 所以，可能需要更健壮的方法，比如使用Object.prototype.toString.call()，这是最可靠的方法，因为它会返回类似"[object Array]"或"[object Object]"的字符串，可以准确判断类型。例如： function isObject(obj) { return Object.prototype.toString.call(obj) === '[object Object]'; } 而对于数组的判断，同样可以使用这个方法，或者直接使用Array.isArray()，因为后者更简洁且可靠。 用户可能还需要了解不同的方法之间的优缺点，比如性能、兼容性等。比如Array.isArray()在ES5之后支持，而Object.prototype.toString.call()在更早的浏览器中也能使用。对于旧浏览器的兼容性问题，可能需要使用polyfill。 另外，用户可能在实际应用中遇到一些边缘情况，比如类数组对象（如arguments或DOM集合），这些可能被误判为数组，但Array.isArray()可以正确排除它们。 总结来说，正确的做法是：使用Array.isArray()判断数组，然后使用typeof和Object.prototype.toString.call()的组合来判断普通对象，同时排除null和其他内置对象。 最后，我需要将这些思路整理成清晰的步骤，提供代码示例，并解释每个方法的原理和注意事项，确保用户能够理解并正确应用。</think>在JavaScript中准确判断变量类型需要特殊处理，以下是专业解决方案： ### 核心判断原理 数组本质上是特殊对象类型： ```javascript console.log(typeof {}); // "object" console.log(typeof []); // "object" console.log(Array.isArray([])); // true ``` --- ### 最佳判断方案 **判断数组：** ```javascript // 现代浏览器推荐 const isArray = Array.isArray(target); // 兼容旧浏览器的替代方案 const isArrayLegacy = Object.prototype.toString.call(target) === '[object Array]'; ``` **判断纯对象：** ```javascript function isPlainObject(obj) { return obj !== null && typeof obj === 'object' && Object.prototype.toString.call(obj) === '[object Object]'; } ``` --- ### 完整类型判断函数 ```javascript function getType(target) { // 处理null特殊情况 if (target === null) return 'null'; // 基础类型判断 const baseType = typeof target; if (baseType !== 'object') return baseType; // 引用类型判断 const typeString = Object.prototype.toString.call(target); return typeString.slice(8, -1).toLowerCase(); } // 使用示例 console.log(getType([])); // "array" console.log(getType({})); // "object" console.log(getType(null)); // "null" console.log(getType(/regex/)); // "regexp" ``` --- ### 各方法对比表 | 方法 | 数组检测 | 对象检测 | 特殊对象处理 | |--------------------------|---------|---------|-------------| | `typeof` | × | √ | × | | `instanceof Array` | √ | × | 跨窗口失效 | | `Array.isArray()` | √ | × | √ | | `Object.prototype.toString` | √ | √ | √ | --- ### 常见误区解析 1. **构造函数检测不可靠：** ```javascript const iframe = document.createElement('iframe'); document.body.appendChild(iframe); const crossWindowArray = iframe.contentWindow.Array; const arr = []; console.log(arr instanceof crossWindowArray); // false ``` 2. **类数组对象误判：** ```javascript function check() { console.log(Array.isArray(arguments)); // false console.log(Array.isArray(document.querySelectorAll('div'))); // false } ``` --- ### 性能优化建议 1. 优先使用`Array.isArray()`进行数组检测 2. 对高频调用的类型判断进行缓存： ```javascript const toString = Object.prototype.toString; const isArray = Array.isArray; function fastCheck(target) { return isArray(target) ? 'array' : toString.call(target).slice(8, -1).toLowerCase(); } ``` --- ### 扩展应用场景 1. **深度类型检测：** ```javascript function deepCheck(obj) { const seen = new WeakSet(); function _check(item) { if (typeof item !== 'object' || item === null) return getType(item); if (seen.has(item)) return 'circular'; seen.add(item); const type = getType(item); if (type === 'array') { return item.map(_check); } else if (type === 'object') { const result = {}; for (const key in item) { result[key] = _check(item[key]); } return result; } return type; } return _check(obj); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值