伪数组的详细介绍

伪数组的详细介绍

1. 什么是伪数组：

定义：
1、拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)。
2、不具有数组所具有的push,pop等方法。

所以我们大概可以这样分辨伪数组：

• 1、伪数组是一个对象。
• 2、这个对象必须要有length属性。且必须是number类型。
• 3、如果这个对象的length不为0，那么必须要有按照下标存储的数据。
• 4、伪数组不可以使用数组中的方法（.forEach）。
• 5、但是伪数组的长度不可变。真数组的长度是动态可变的。

// 是真数组
var obj = {};
var obj = { length: 3 };

// 是伪数组
var obj4 = { 0: '12', length: 1 };
var obj5 = { 99: 'abc', length: 100 }

2.那我们具体一个 如何判断数据是不是伪数组呢？

• 1、看是不是对象，不是对象，就可以排除。

 var obj ={0: '1', length: 1 };
     console.log(typeof(obj));

obj是对象

• 2、是对象，没有length属性也可以排除。
  例子一:

 var obj ={0: '1', length: 1 };
     console.log(obj);

有length属性。
例子二:

 var obj ={0: '1'};
     console.log(obj);

没有length属性。

• 3、有length，值必须是number类型。不是的话，可以排除。

 var obj ={0: '1', length: "1"};
     console.log(obj);

有length，但是值必须是string类型。

• 4、length值是number类型，并且值不为0，这个对象还得按照下标存储数据。

 var obj = { length: 0 };
     console.log(obj);

• 5、伪数组不能使用数组所具有的push,pop等方法。

常见的伪数组有：
1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组。
2.function的arguments对象。
3.上传文件时选择的file对象也是伪数组。

3.伪数组转标准数组：

• 1.Array.prototype.slice.call( 数据 )

 var obj ={0:"1",
    length: 1 };
    var  newarr= [].slice.call(obj)
    newarr[1]="123"
    console.log( newarr);

将伪数组obj转标准数组newarr。

• 2.使用ES6中Array.from方法

var obj ={0:"1",
    length: 1 };
    var  newarr= Array.from(obj)
    console.log(obj);
    newarr[1]="123"
    console.log(newarr);

将伪数组obj转标准数组newarr。