第七篇 函数的arguments为什么不是数组？如何转化成数组？

因为 arguments 本身并不能调用数组方法，它是一个另外一种对象类型，只不过属性从 0 开始排，依次为 0，1，2…最后还有 callee 和 length 属性。我们也把这样的对象称为类数组。

常见的类数组还有：

1. 用 getElementsByTagName/ClassName()获得的 HTMLCollection
2. 用 querySelector 获得的 nodeList

那这导致很多数组的方法就不能用了，必要时需要我们将它们转换成数组，有哪些方法呢？

1. Array.prototype.slice.call()

function sum(a, b) {
  let args = Array.prototype.slice.call(arguments);
  console.log(args.reduce((sum, cur) => sum + cur));//args 可以调用数组原生的方法啦
}
sum(1, 2);//3

2. Array.from()

function sum(a, b) {
  let args = Array.from(arguments);
  console.log(args.reduce((sum, cur) => sum + cur));//args 可以调用数组原生的方法啦
}
sum(1, 2);//3

这种方法也可以用来转换 Set 和 Map 哦！

3. ES6 展开运算符

function sum(a, b) {
  let args = [...arguments];
  console.log(args.reduce((sum, cur) => sum + cur));//args 可以调用数组原生的方法啦
}
sum(1, 2);//3

4. 利用 concat+apply

function sum(a, b) {
  let args = Array.prototype.concat.apply([], arguments);//apply 方法会把第二个参数展开
  console.log(args.reduce((sum, cur) => sum + cur));//args 可以调用数组原生的方法啦
}
sum(1, 2);//3

当然，最原始的方法就是再创建一个数组，用 for 循环把类数组的每个属性值放在里面，过于简单，就不浪费篇幅了。

更多相关文章推荐：

《(建议收藏)原生 JS 知识系统整理》

以上关于第七篇 函数的arguments为什么不是数组？如何转化成数组？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。