使函数接受可变数量的参数或数组中的值

Question

在JavaScript中，现在让函数接受可变数量的参数非常容易：

function doSomething(...args) {
    args.forEach(arg => console.log(arg));
}

现在可以像doSomething(1, 2, 3)那样调用它doSomething(1, 2, 3)并且所有参数都可以在函数内部以数组args 。 输出将是：

1
2
3

现在，我想调用该函数，将所有值传递到一个数组中，如下所示：

const arr = [1, 2, 3];
doSomething(arr);

并具有相同的结果。 为此，我必须在函数内部使用lodash的_.flatten ：

doSomething(...args) {
    args = _.flatten(args);
    ...
}

有更好的方法来修改我的功能来做到这一点吗？

我不需要任何解决方案，我已经有了。 我需要很好的解决方案来完全满足我的需要，但是没有像Lodash这样的第三方库，而且仍然很优雅。 我问是出于好奇，而不是因为我根本不知道该怎么做:-)

Answer 1

看一下apply ：

function doSomething (...args) {
  args.forEach(arg => console.log(arg));
}

const arr = [1, 2, 3];
doSomething.apply(null, arr);

或检查第一个参数是否为数组：

function doSomething () {
  let args;
  if (Array.isArray(arguments[0])) {
    args = arguments[0];
  } else {
    args = Array.slice(argument);
  }
  args.forEach(arg => console.log(arg));
}

const arr = [1, 2, 3];
doSomething.apply(null, arr);

但是，这种方法比较冗长，没有使用散布运算符。 同样，这样的事情将不起作用：

const arr = [[1, 2], [3, 4]];
doSomething.apply(null, arr);

Answer 2

如果您不想展平所有数组，而只使用一个，则应执行以下操作：

if (Array.isArray(args[0])) args = args[0];

在这种情况下，您可能还需要检查args.length == 1 。

但是，总的来说，提供多个函数更容易，更安全，而不是重载函数以使用不同的数字或类型参数来完成不同的事情：

function doSomething(...args) {
    // implementation
}
function doSomethingArr(arr) {
    return doSomething(...arr);
}

要么

function doSomething(...args) {
    return doSomethingArr(args);
}
function doSomethingArr(arr) {
    // implementation
}