面试题：如何判断数组和对象_js区分对象和数组面试-优快云博客

本文链接：https://blog.youkuaiyun.com/zero_80/article/details/136521251

本文介绍了JavaScript中判断对象类型的方法，包括`instanceof`、`Object.getPrototypeOf`、`Array.prototype.isPrototypeOf`、`constructor`和`Object.prototype.toString.call()`，以及`Array.isArray`，并分析了它们的原理和各自的局限性。

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


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			const obj ={}
            const arr= []

            // //判断方法一：instanceof 
            // console.log(arr instanceof Array); //true
            // //改写原型链
			// arr.__proto__ = function(){}
            // console.log(arr instanceof Array); //false
	        // // // 缺点1：只要在原型链上，就能判断，arr.__proto__.__proto__...
            // // // 缺点2：如果修改了原型链，判断的结果就不准了
            
            // //方法二：Object.getPrototypeOf
            // console.log(Object.getPrototypeOf(arr) === Array.prototype); 
            // //缺点：如果修改了原型链，判断的结果就不准了
            
            // // //方法三：Array.prototupe.isPrototypeOf
            // console.log(Array.prototype.isPrototypeOf(arr));
            // //缺点：如果修改了原型链，判断的结果就不准了

            // // //方法四：constructor
            // arr.constructor = function(){}
            // console.log(arr.constructor === Array);
            //缺点：如果修改了原型链，判断的结果就不准了

            //方法五：Object.prototype.toString.call()
            //原理：首先获取Object原型上的toString方法，然后call一下，改变toString方法中的this指向
            //从而判断当前对象类型
            console.log(Object.prototype.toString.call(arr) === '[object Array]'); //true
            console.log(Object.prototype.toString.call(obj) === '[object Object]'); //true
            
            //检验其他数据类型
            console.log(Object.prototype.toString.call("str") === '[object String]'); //true
            console.log(Object.prototype.toString.call(123) === '[object Number]'); //true
            console.log(Object.prototype.toString.call(true) === '[object Boolean]'); //true
            console.log(Object.prototype.toString.call(function(){}) === '[object Function]'); //trueconsole.log(Object.prototype.toString.call(undefined) === '[object Undefined]'); //true
            console.log(Object.prototype.toString.call(null) === '[object Null]'); //true
            console.log(Object.prototype.toString.call(new Date()) === '[object Date]'); //true
            console.log(Object.prototype.toString.call(/123/g) === '[object RegExp]'); //true
            console.log(Object.prototype.toString.call(new Error) === '[object Error]'); //true
            console.log(Object.prototype.toString.call(Symbol(123)) === '[object Symbol]'); //true
            console.log(Object.prototype.toString.call(new Set()) === '[object Set]'); //true
            console.log(Object.prototype.toString.call(new Map()) === '[object Map]'); //true
            console.log(Object.prototype.toString.call(new WeakSet()) === '[object WeakSet]'); //true
            console.log(Object.prototype.toString.call(new WeakMap()) === '[object WeakMap]'); //true
           

            //缺点：
            //1.toString方法是Object原型上的方法，Array和Object的原型上都有toString方法
            //2.toString方法中的this是当前对象，所以要call一下，改变this指向
            

            // //方法六：isArray
            console.log(Array.isArray(arr));//true
            console.log(Array.isArray(obj)); //false
            //缺点：
            //1.isArray方法是Array原型上的方法，Array和Object的原型上都有isArray方法
        

            //总结：
            //方法一和方法二：原理就是prototype属性是否在左边的原型链上
            //方法三和方法四：原理就是constructor属性是否在左边的原型链上
            //方法五和方法六：原理就是Object.prototype.toString.call()方法
        
		</script>
	</body>
</html>