Javascript 将类数组转为数组的几种方式

最新推荐文章于 2025-07-01 17:40:54 发布

原创最新推荐文章于 2025-07-01 17:40:54 发布 · 666 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

前端专栏收录该内容

1 篇文章

订阅专栏

这篇博客讨论了在JavaScript中将arguments对象或其他类数组对象转换为真正的Array的方法。文章列举了四种常见的方式，包括使用Array.prototype.slice.call、Array.from、扩展运算符以及自定义函数toArray。这些方法各有优缺点，例如考虑性能、兼容性和代码简洁性。对于关心性能的开发者，文章提到了使用Array构造函数的注意事项。

拿所有(非减头)函数中都可用的局部变量举例，arguments 对象就是一个类数组，它不是一个Array，类似于Array，但除了 length 属性和索引元素之外没有任何Array属性，比如 pop 方法。有如下方式将它转化为 Array。

方式一

var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);

方式二

// ES2015
const args = Array.from(arguments);
const args = [...arguments];

方式三

// 对参数使用 slice 会阻止某些 JavaScript 引擎中的优化(如V8)，如果关心性能，可以使用 Array 构造函数来转化
var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments));

方式四

在 vue.js version: 2.6.14 中，有自己实现的类数组转数组的方式

/**
 * Convert an Array-like object to a real Array.
 */
export function toArray (list: any, start?: number): Array<any> {
  start = start || 0
  let i = list.length - start
  const ret: Array<any> = new Array(i)
  while (i--) {
    ret[i] = list[i + start]
  }
  return ret
}