freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../es6/use-the-rest-parameter-with...

1.7 KiB

id title challengeType forumTopicId dashedName
587d7b88367417b2b2512b47 将 rest 操作符与函数参数一起使用 1 301221 use-the-rest-parameter-with-function-parameters

--description--

ES6 推出了用于函数参数的 rest 操作符帮助我们创建更加灵活的函数。 rest 操作符可以用于创建有一个变量来接受多个参数的函数。 这些参数被储存在一个可以在函数内部读取的数组中。

请看以下代码:

function howMany(...args) {
  return "You have passed " + args.length + " arguments.";
}
console.log(howMany(0, 1, 2));
console.log(howMany("string", null, [1, 2, 3], { }));

控制台将显示字符串 You have passed 3 arguments.You have passed 4 arguments.

使用 rest 参数,就不需要查看 args 数组,并且允许我们在参数数组上使用 map()filter()reduce()

--instructions--

修改 sum 函数,使用 rest 参数,使 sum 函数可以接收任意数量的参数,并返回它们的总和。

--hints--

sum(0,1,2) 的结果应是 3。

assert(sum(0, 1, 2) === 3);

sum(1,2,3,4) 的结果应是 10。

assert(sum(1, 2, 3, 4) === 10);

sum(5) 的结果应是 5。

assert(sum(5) === 5);

sum() 的结果应是 0。

assert(sum() === 0);

sum 应是一个箭头函数,对 args 参数使用 rest 操作符语法(...)。

assert(__helpers.removeWhiteSpace(code).match(/sum=\(\.\.\.args\)=>/));

--seed--

--seed-contents--

const sum = (x, y, z) => {
  const args = [x, y, z];
  return args.reduce((a, b) => a + b, 0);
}

--solutions--

const sum = (...args) => {
  return args.reduce((a, b) => a + b, 0);
}