前端面试 【JavaScript】— 函数的arguments为什么不是数组？如何转化成数组？
前端面试 【JavaScript】— 函数的arguments为什么不是数组？如何转化成数组？
越陌度阡
发布于 2021-11-22 13:46:21
发布于 2021-11-22 13:46:21
文章被收录于专栏：大前端（横向跨端 & 纵向全栈）
因为arguments本身并不能调用数组方法，它是一个另外一种对象类型，只不过属性从0开始排，依次为0，1，2...最后还有 callee 和length属性，我们也把这样的对象称为类数组。
常见的类数组还有：
1. 用getElementsByTagName/ClassName()获得的HTMLCollection；
2. 用querySelector获得的nodeList。
那这导致很多数组的方法就不能用了，必要时需要我们将它们转换成数组，有哪些方法呢？
Array.prototype.slice.call()
function sum(a, b) {
// 将类数组转换为数组
let args = Array.prototype.slice.call(arguments);
// 对转换为数组的方法调用累加
let num = args.reduce((sum,cur) =>{
return sum+cur;
})
console.log(num);
};
sum(1,2,3,4,5,6);
// 21Array.from()
function sum(a, b) {
// 将类数组转换为数组
let args=Array.from(arguments)
// 对转换为数组的方法调用累加
let num = args.reduce((sum,cur) =>{
return sum+cur;
})
console.log(num);
};
sum(1,2,3,4,5,6);
// 21这种方法也可以用来转换Set和Map哦！
ES6展开运算符
function sum(a, b) {
// 将类数组转换为数组
let args= [...arguments];
// 对转换为数组的方法调用累加
let num = args.reduce((sum,cur) =>{
return sum+cur;
})
console.log(num);
};
sum(1,2,3,4,5,6);
// 21利用concat+apply
function sum(a, b) {
// 将类数组转换为数组
// apply方法会把第二个参数展开
let args=Array.prototype.concat.apply([], arguments);
// 对转换为数组的方法调用累加
let num = args.reduce((sum,cur) =>{
return sum+cur;
})
console.log(num);
};
sum(1,2,3,4,5,6);
// 21当然，最原始的方法就是再创建一个数组，用for循环把类数组的每个属性值放在里面，过于简单，就不浪费篇幅了。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021/11/18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
