js中arguments的用法(实例讲解)

当在JavaScript中定义函数时，我们不需要指定参数的类型或个数。函数的参数都被存储在一个名为 arguments 的特殊变量中。arguments 变量是一个类似数组（但不是真正的数组），可以使用数组下标来访问其中的参数。下面我将向您讲解如何使用 arguments 变量进行函数参数的访问和操作，并提供一些实例让您更好的理解。

访问函数中的参数

当您在一个函数中使用 arguments 时，它的值是一个包含传递给函数的所有参数的类数组对象。如下所示：

function myFunction() {
  console.log(arguments);
}

myFunction('hello', 'world', true);
// Output: ['hello', 'world', true]

使用 arguments，我们可以访问函数被调用时传递的所有参数。由于 arguments 不是真正的数组，我们不能使用数组的方法来处理它，但是我们可以通过 arguments.length 获取传递给函数的参数数量，采用 arguments[index] 访问它们的值。如下所示：

function greet(name) {
  console.log("Hello " + name);
  console.log("We have " + arguments.length + " arguments passed in");
  console.log("Last argument passed in is " + arguments[arguments.length - 1]);
}

greet("John", "Doe", 30);
// Output: Hello John
//         We have 3 arguments passed in
//         Last argument passed in is 30

在上面的示例中，我们首先输出传递给 greet 函数的第一个参数。接下来，我们使用 arguments.length 访问传递给函数的参数数量，并打印最后一个传递给函数的参数值。

求和函数 - 实例1

下面是一个利用 arguments 计算传递给函数的所有数字之和的函数的示例：

function sum() {
  var total = 0;
  for (var i = 0; i < arguments.length; i++) {
    if (typeof arguments[i] === 'number') {
      total += arguments[i];
    }
  }
  return total;
}

console.log(sum(1, 2, 3, 4, 5)); // Output: 15
console.log(sum(10, -5, 3, 'hello')); // Output: 8

函数 sum 遍历 arguments 中的所有参数，并将它们加在一起，得到传递给函数的所有数字之和，并返回该总和。

然而，需要注意的是，我们还需要在代码中检查传递给函数的参数是否为数字。如果传递给函数的参数不是数字，那么它会被忽略，并不会计入数字之和。

替换函数 - 实例2

下面是一个利用 arguments 将字符串中指定位置替换成新字符串的函数的示例：

function replaceString(string, index, newString) {
  if (index >= string.length) {
    return string;
  }
  return string.slice(0, index) + newString + string.slice(index + newString.length);
}

function replaceAt() {
  if (arguments.length < 3) {
    return;
  }
  var string = arguments[0];
  for (var i = 1; i < arguments.length; i += 2) {
    string = replaceString(string, arguments[i], arguments[i + 1]);
  }
  return string;
}

console.log(replaceAt('hello world', 0, 'hi')); // Output: hiello world
console.log(replaceAt('hello world', 6, 'there')); // Output: hello there
console.log(replaceAt('hello world', 6, 'there', 1, '-')); // Output: hello-t-here

在上面的示例中，函数 replaceString 接受三个参数：字符串、要替换的位置和新字符串。该函数首先检查是否可以执行替换操作。如果新字符串不符合位置规则，则函数会返回字符串本身。否则，函数将在指定位置删除旧字符串，并在该位置插入新字符串。

然后，函数 replaceAt 遍历 arguments，将传递给函数的参数转换为可处理的格式。对于所有奇数索引，replaceAt 接受字符串和要替换的位置。对于所有偶数索引，它接受要插入的新字符串。使用这些参数，replaceAt 将替换字符串中位于指定位置的旧字符串，并将其替换为新字符串。函数 replaceAt 返回替换后的字符串。

这些是使用 arguments 变量时的两个示例，可用于访问和操作函数中的参数。使用 arguments 可以方便地在JavaScript中访问传递给函数的参数，并进行各种计算和操作。