Javascript的伪数组

最新推荐文章于 2023-02-16 12:48:48 发布

Web攻城狮

最新推荐文章于 2023-02-16 12:48:48 发布

阅读量2.4k

点赞数 2

分类专栏： js 文章标签： Javascript 伪数组伪数组转化为标准数组

本文链接：https://blog.csdn.net/b1244154318/article/details/52743775

版权

js 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

Javascript的伪数组

在Javascript中什么是伪数组？
伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。
1.典型的是函数的 argument参数，
2.像调用getElementsByTagName,document.childNodes之类的,它们都返回 NodeList对象都属于伪数组。

那么如何将伪数组转化为标准数组？
可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array 对象。

举个例子,利用伪数组实现不定参数求和问题.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>伪数组</title>
</head>
<script>
	function add(){
		var sum=0;
		console.log(arguments);
		for(var i=0;i<arguments.length;i++){
			sum +=arguments[i];
		}
		return sum;
	}
  console.log(add(1,2,5,8));
</script>
<body>	
</body>
</html>

将伪数组转化为标准数组

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>伪数组</title>
</head>
<script>
	function add(){
		var sum=0;
		console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为false;
		console.log(arguments);//此时打印的是传入的参数1,2,5,8
		var arguments=Array.prototype.slice.call(arguments);//将伪数组转化为标准数组
		arguments.push(10);//此时就可以调用标准数组的方法
		console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为true;
		console.log(arguments);//此时打印的是传入的参数,push之后的数组1,2,5,8,10
		for(var i=0;i<arguments.length;i++){
			sum +=arguments[i];
		}
		return sum;
	}
  console.log(add(1,2,5,8));
</script>
<body>	
</body>
</html>