js伪数组转化真数组方法javascript数组对象
如何将 JavaScript 的伪数组转化为真数组
伪数组是一个类似数组的对象，它具有类似数组的特性，例如可以通过索引访问元素，但它并不具备真正的 Array 对象的方法和属性。在实际开发中，我们经常会遇到将伪数组转化为真数组的需求，以方便对其进行操作和处理。本文将为您介绍几种常见的方法，一步一步回答如何将 JavaScript 的伪数组转化为真数组。
伪数组的常见类型有 arguments 对象、DOM 元素集合，以及通过一些函数的返回结果等。下面以 arguments 对象为例，详细介绍如何将伪数组转化为真数组。
1. 使用 Array.from() 方法
Array.from() 是 ES6 新增的方法，它可以将具有 iterable 特性的对象转化为真数组。 iterable 特性指的是对象具有 Symbol.iterator 属性，或者拥有迭代器函数。arguments 对象具有迭代器函数，所以我们可以通过 Array.from() 方法将其转化为真数组。
javascript
function convertToArray() {
  var argsArray = Array.from(arguments);
  return argsArray;
}
var arr = convertToArray(1, 2, 3);
console.log(arr);  [1, 2, 3]
上述代码中，我们定义了一个 convertToArray() 函数，使用 Array.from() 方法将 arguments 对象转化为真数组，并将其返回。然后我们传入一些参数，调用该函数并打印结果，可以看到 arguments 对象被成功转化为了真数组。
需要注意的是，Array.from() 方法只能将具有 iterable 特性的对象转化为真数组，对于其他类型的伪数组，该方法并不适用。
2. 使用 Array.prototype.slice() 方法
Array.prototype.slice() 方法用于提取数组中的一部分元素，并返回一个新的数组。该方法可以接受两个参数，start 和 end，分别表示提取的起始位置和结束位置。如果不传入参数，则默认为提取整个数组。
javascript
function convertToArray() {
  var argsArray = Array.prototype.slice.call(arguments);
  return argsArray;
}
var arr = convertToArray(1, 2, 3);
console.log(arr);  [1, 2, 3]
上述代码中，我们定义了一个 convertToArray() 函数，使用 Array.prototype.slice.call() 方法
将 arguments 对象转化为真数组，并将其返回。然后我们传入一些参数，调用该函数并打印结果，可以看到 arguments 对象被成功转化为了真数组。
需要注意的是，这种方法适用于所有的伪数组类型，包括 arguments 对象、DOM 元素集合等。
3. 使用扩展运算符（ES6 新增）
扩展运算符（Spread Operator）是 ES6 新增的特性，它可以将一个可迭代对象展开，并将其元素放入一个新的数组中。
javascript
function convertToArray() {
  var argsArray = [...arguments];
  return argsArray;
}
var arr = convertToArray(1, 2, 3);
console.log(arr);  [1, 2, 3]
上述代码中，我们定义了一个 convertToArray() 函数，使用扩展运算符将 arguments 对象转化为真数组，并将其返回。然后我们传入一些参数，调用该函数并打印结果，可以看到 arguments 对象被成功转化为了真数组。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。