js中判断一个变量是否为数组类型

最新推荐文章于 2024-04-28 16:45:27 发布

WEB_CMC

最新推荐文章于 2024-04-28 16:45:27 发布

阅读量416

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_34657921/article/details/97641440

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<script type="text/javascript">
	// 获取类数组对象
	var obj = document.getElementsByTagName("div");
	// console.log(obj);	

	// 定义数组
	var arr = [1,2,3];
	// console.log(arr);

	/*
		请问有几种方式可以确定arr是一个数组？
	*/

	/*
		第一种方式：instanceof 
		instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上
	*/
	console.log(arr instanceof Array);//true
	console.log(obj instanceof Array);//false
	console.log(arr instanceof Object);//true
	console.log(obj instanceof Object);//true
	// console.log(Array instanceof Object);
	// console.log(typeof Array);

	/*
		第二种方式：查看构造函数
	*/
	console.log(arr.constructor === Array);//true
	console.log(obj.constructor === Array);//false
	//上面的方式写全则为 arr.__proto__.constructor === Array

	/*
		第三种方式：转为字符串之后的结果
	*/
	console.log(Object.prototype.toString.call(arr) === '[object Array]');// true
	console.log(Object.prototype.toString.call(obj) === '[object Array]');// false

	// console.log(arr.toString, obj.toString);

	/*
		第四种方式：ES5新增的方法 Array.isArray()
	*/
	console.log(Array.isArray(arr));// true
	console.log(Array.isArray(obj));// false
	</script>
</body>
</html>

这里面有的朋友会疑惑第三种方式，为什么不适用arr.toString 和 obj.toString,或者写成 Array.prototype.toString.call(arr)?
其实上面的两个问题最终归根结底都是一样的，因为数组的toString会将数组的元素进行拼接，如
arr.toString（）得到的结果是1,2,3 这种形式会根据值的变化进行改变。而Object的方式会转为特定的格式如 arr 会返回[object Array]，其实所有的数组都会返回这种形式。obj会返回
[object HTMLCollection] 第二部分会根据具体判断的不同进行改变。但至少我们通过该种方式可以保证所有的数组都返回 [object Array]

WEB_CMC

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中判断一个变量是否为数组类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div>1</div> <div>2</div&...
复制链接

扫一扫