前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js - 伪数组转化为数组的几种方法整理(更新中...)

js - 伪数组转化为数组的几种方法整理(更新中...)

作者头像
xing.org1^
发布2018-12-26 17:24:48
3.2K0
发布2018-12-26 17:24:48
举报
文章被收录于专栏:前端说吧前端说吧

伪数组:无法调用数组的方法,但是有length属性,又可以索引获取内部项的数据结构。

比如:arguments、getElementsByTagName等一系列dom获取的NodeList对象,他们 都算。

转换方法

一:

假设这里有个伪数组:pagis

代码语言:javascript
复制
let arr = [].slice.call(pagis)

console.log(arr)   这时arr就是真数组了。

二:

代码语言:javascript
复制
let arr  = Array.prototype.slice.call(pagis);

利用了slice传一个数组/集合,就会直接返回这个集合的原理。拿到的也是数组。

也就可以使用数组的各种方法了。

三:

代码语言:javascript
复制
1 var arr1 = [],
2   len1 = pagis.length;
3 for (var i = 0; i < len1; i++) {
4   arr1.push(pagis[i]);
5 }

就是简单的for循环,把类数组的每一项都push到真正的数字arr1中

四:

代码语言:javascript
复制
1 var func = Function.prototype.call.bind(Array.prototype.slice);
2 console.log('类数组转换成数组:', func(pagis));
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-12-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档