关于JavaScript中伪数组和真数组的一些小秘密

JavaScript中的数组是经常使用的数据结构，但是在实际开发中，我们有时候可能会遇到一些伪数组或者其他类型的数组。本篇文章将会讲解JavaScript中伪数组和真数组的区别，并给出一些示例说明。

什么是真数组？

真数组也被称为标准数组，是JavaScript中最常用的数组类型。它具有以下特点：

• 可以使用Array.isArray()方法判断一个数组是否为真数组；
• 可以使用数组的push()、pop()、shift()、unshift()等方法进行增删改查操作；
• 具有数组特性，例如length属性、可以使用for循环遍历等；

下面是一个示例：

let a = [1, 2, 3];
console.log(Array.isArray(a)); // true
a.push(4);
console.log(a); // [1, 2, 3, 4]

什么是伪数组？

伪数组是JavaScript中的一种对象，它看起来像一个数组，但是并不具备真数组的所有特点，例如它不具备Array对象上的方法，无法使用for in循环等。通常情况下，伪数组具有以下特点：

• 一般是由系统或第三方函数返回的；
• 具有length属性，且可以通过下标访问元素；
• 无法使用数组的push()、pop()、shift()、unshift()等方法进行增删改查操作。

下面是一个示例：

let b = document.getElementsByTagName('div');
console.log(b.length); // 3
console.log(Array.isArray(b)); // false

for(let i = 0; i < b.length; i++){
  console.log(b[i]);
}

在上面的示例中，我们通过getElementsByTagName()方法获取了三个div元素，它返回的是一个伪数组对象，我们可以通过下标访问元素，但是无法使用push()、pop()、shift()、unshift()等方法来进行数组操作。

转换伪数组为真数组

由于伪数组无法使用push()、pop()、shift()、unshift()等方法进行数组操作，因此我们在某些情况下，需要将一个伪数组转换为真数组。这可以通过以下方式实现：

• Array.from()方法

Array.from()是ES6新增的方法，用于将某些类似数组的对象（包括伪数组）转换为真数组。

示例：

javascript
let c = {0: 'apple', 1: 'banana', 2: 'pear', length: 3};
let d = Array.from(c);
console.log(Array.isArray(d)); // true
console.log(d.length); // 3
console.log(d[1]); // 'banana'

• 数组的slice()方法

我们可以使用数组的slice()方法来进行浅拷贝，从而将伪数组转换为真数组。

示例:

javascript
let e = document.getElementsByTagName('span');
let f = Array.prototype.slice.call(e);
console.log(Array.isArray(f)); // true
console.log(f.length); // 2
console.log(f[1]); // <span>Hello World</span>

总结

本篇文章介绍了JavaScript中伪数组和真数组的区别，以及伪数组的常见用途和转换伪数组为真数组的方法。我们需要在使用伪数组时注意其特点，以及需要进行转换时的方法。