为什么函数的 arguments参数是类数组而不是数组? 如何遍历类数组?

1、 为什么函数的 arguments参数是类数组而不是数组?

函数的 arguments 参数是类数组而不是数组，是因为在 JavaScript 的早期版本中，arguments 对象被设计为只能使用数值索引访问参数，而不具备数组的方法和属性。

它有 length 这个属性 

2、如何遍历类数组?

要遍历类数组对象，可以使用以下几种方法：

① for 循环：

通过使用 length 属性和索引来遍历类数组对象。例如：

function example() {
  for (var i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

② Array.from()

可以将类数组对象转换为真正的数组，就可以使用数组的方法进行遍历。例如：

function example() {
  var argsArray = Array.from(arguments);
  argsArray.forEach(function(arg) {
    console.log(arg);
  });
}

③ Array.prototype.slice.call()

通过将类数组对象作为 call 方法的上下文来调用 slice 方法，将其转换为数组。例如：

function example() {
  var argsArray = Array.prototype.slice.call(arguments);
  argsArray.forEach(function(arg) {
    console.log(arg);
  });
}

④ ES6 扩展运算符（...）

使用拓展运算符的方式，可以将类数组对象展开为数组。 

function example() {
  var argsArray = [...arguments];
  argsArray.forEach(function(arg) {
    console.log(arg);
  });
}

 

3、总结 

通常情况下，为了使用方便我们会把 arguments 转成数组，方法有下面几种。

• [...arguments]
• Array.from(arguments)
• [].slice.call(arguments)

即使不转为数组，可以使用下标访问。如 arguments[0]。

一般情况下不会对 arguments 进行操作。但在实现一些低级或者通用功能时候会使用到，如实现一个泛柯理化的函数，或者根据参数的数量执行不同的方法（类似函数的重载）。