【JS】伪数组转数组

最新推荐文章于 2024-06-14 17:41:35 发布

一颗不甘坠落的流星

最新推荐文章于 2024-06-14 17:41:35 发布

阅读量606

点赞数 1

分类专栏：工作随记文章标签： javascript 前端伪数组转数组方法

本文链接：https://blog.csdn.net/qq_45677671/article/details/125165361

版权

工作随记专栏收录该内容

70 篇文章 3 订阅

订阅专栏

文章目录

伪数组是不能使用数组方法的，那如果我们需要使用数据方法，就得先将伪数组转换成真数组。那js 中如果将伪数组转换成数组呢？这里列举几个常用的方法。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr1 = document.querySelectorAll("*")
			console.log('arr1：',arr1)
			// es6 方法
			var arr2 = [...arr1]
			console.log('arr2：',arr2)
			
			// es5 方法
			var arr3 = [].slice(arr1)		// 错误案例
			var arr4 = [].slice.call(arr1)	// 正确案例
			console.log('arr3：',arr3)
			console.log('arr4：',arr4)
			
			// Array.from
			var arr5 = Array.from(arr1)
			console.log('arr5：',arr5)
		</script>
	</body>
</html>