JavaScript中的arguments对象是一个奇怪的东西——它在大多数情况下就像一个数组,但实际上它不是一个数组对象。因为它是完全不同的东西,它没有数组中的有用函数。比如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数组函数,就必须这么做,这是一件相当可怜的事情。是否有一种内置的方法来使用标准库?


当前回答

Use:

function sortArguments() {
  return arguments.length === 1 ? [arguments[0]] :
                 Array.apply(null, arguments).sort();
}

阿雷(arg1, arg2, ..)

数组(str1)返回[str1]

Array(num1)返回一个包含num1个元素的数组

您必须检查参数的数量!

数组中。切片版(较慢):

function sortArguments() {
  return Array.prototype.slice.call(arguments).sort();
}

数组中。推送版本(比切片慢,比切片快):

function sortArguments() {
  var args = [];
  Array.prototype.push.apply(args, arguments);
  return args.sort();
}

移动版本(较慢,但小尺寸更快):

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

数组中。Concat版本(最慢):

function sortArguments() {
  return Array.prototype.concat.apply([], arguments).sort();
}

其他回答

下面是将参数转换为数组的几个方法的基准测试。

对我来说,对于少量的争论,最好的解决办法是:

function sortArgs (){
  var q = [];
  for (var k = 0, l = arguments.length; k < l; k++){
    q[k] = arguments[k];
  }
  return q.sort();
}

其他情况:

function sortArgs (){ return Array.apply(null, arguments).sort(); }

同样值得参考的是这个Bluebird承诺库wiki页面,它展示了如何以一种使函数在V8 JavaScript引擎下可优化的方式管理参数对象到数组:

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

此方法用于支持var args = [].slice.call(arguments);。作者还展示了构建步骤如何帮助减少冗余。

尽管rest参数工作得很好,但如果出于某种原因希望继续使用参数,请考虑

function sortArgs() {
  return [...arguments].sort()
}

[…arguments]可以被认为是Array.from(arguments)的一种替代方法,后者也能很好地工作。

ES7的一个替代方案是数组理解:

[for (i of arguments) i].sort()

如果你想在排序之前处理或过滤参数,这可能是最简单的:

[for (i of arguments) if (i % 2) Math.log(i)].sort()

Use:

function sortArguments() {
  return arguments.length === 1 ? [arguments[0]] :
                 Array.apply(null, arguments).sort();
}

阿雷(arg1, arg2, ..)

数组(str1)返回[str1]

Array(num1)返回一个包含num1个元素的数组

您必须检查参数的数量!

数组中。切片版(较慢):

function sortArguments() {
  return Array.prototype.slice.call(arguments).sort();
}

数组中。推送版本(比切片慢,比切片快):

function sortArguments() {
  var args = [];
  Array.prototype.push.apply(args, arguments);
  return args.sort();
}

移动版本(较慢,但小尺寸更快):

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

数组中。Concat版本(最慢):

function sortArguments() {
  return Array.prototype.concat.apply([], arguments).sort();
}

ES6使用rest参数

如果你能使用ES6,你可以使用:

其他参数

函数sortArgs(…args) { 返回参数。排序(函数(a, b){返回a - b;}); } document.body.innerHTML = sortArgs(12,4,6,8).toString();

你可以从链接中读到

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

如果你对…语法,它被称为扩散运算符,你可以在这里阅读更多。

ES6使用Array.from()

使用Array.from:

函数sortArgs() { return Array.from(arguments).sort(function (a, b) {return a - b;}); } document.body.innerHTML = sortArgs(12,4,6,8).toString();

from简单地将类数组或可迭代对象转换为数组实例。



ES5

你可以在arguments对象上使用Array的slice函数,它会把它转换成一个标准的JavaScript数组。你只需要通过Array的原型手动引用它:

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

为什么会这样?下面是ECMAScript 5文档本身的一段摘录:

注意:slice函数是有意通用的;它不要求它的this值是一个Array对象。因此,它可以转移到其他类型的对象中作为方法使用。slice函数能否成功应用于主机对象取决于实现。

因此,slice对任何具有length属性的东西都有效,而参数很方便地做到了这一点。


如果array .prototype.slice对你来说太拗口了,你可以使用数组字面量来略写它:

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

然而,我倾向于认为前一个版本更明确,所以我更喜欢它。滥用数组文字符号会让人觉得很俗气,看起来很奇怪。