如何在JavaScript中将“参数”对象转换为数组？

小编典典

如何在JavaScript中将“参数”对象转换为数组？

javascript

想要改善这篇文章吗？ 提供此问题的详细答案，包括引文和答案正确的解释。答案不够详细的答案可能会被编辑或删除。

argumentsJavaScript中的对象是一个奇怪的疣-在大多数情况下，它的行为就像一个数组，但实际上不是数组对象。因为它是真正的完全是另一回事，它没有从有用的功能Array.prototype类似forEach，sort，filter，和map。

使用一个简单的for循环从arguments对象构造新数组非常容易。例如，此函数对其参数进行排序：

function sortArgs() {
    var args = [];
    for (var i = 0; i < arguments.length; i++)
        args[i] = arguments[i];
    return args.sort();
}

但是，仅获得对极其有用的JavaScript数组函数的访问权限，这是一件非常可怜的事情。是否有使用标准库的内置方法？

阅读 466

2020-04-25

共1个答案

小编典典

ES6使用剩余参数

如果能够使用ES6，则可以使用：

休息参数

function sortArgs(...args) {

  return args.sort(function (a, b) { return a - b; });

}



document.body.innerHTML = sortArgs(12, 4, 6, 8).toString();

rest参数语法允许我们将不确定数量的参数表示为数组。

ES6使用Array.from（）

使用 Array.from ：

function sortArgs() {

  return Array.from(arguments).sort(function (a, b) { return a - b; });

}



document.body.innerHTML = sortArgs(12, 4, 6, 8).toString();

Array.from 只需将类似Array或Iterable的对象转换为Array实例。

ES5

实际上，你可以只使用Array的slice一个参数对象的功能，这将其转换成一个标准的JavaScript数组。您只需要通过Array的原型手动引用它即可：

function sortArgs() {
    var args = Array.prototype.slice.call(arguments);
    return args.sort();
}

为什么这样做？好吧，这是ECMAScript 5文档本身的摘录：

注意：该slice函数是有意通用的；它不需要此值是Array对象。因此，可以将其转移到其他类型的对象中作为一种方法。该slice功能是否可以成功应用于主机对象取决于实现。

因此，slice可以在任何具有length属性的东西上正常工作arguments。

如果Array.prototype.slice对您来说太麻烦了，您可以使用数组文字来略微缩写：

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

但是，我倾向于认为以前的版本更为明确，因此我宁愿选择它。滥用数组字面量表示法会让人觉得很棘手，而且看起来很奇怪。

2020-04-25