本文摘自PHP中文网,作者青灯夜游,侵删。
javascript对象转换为数组的方法:1、通过“[].slice.call(对象)”语句;2、使用“Array.from(对象)”语句,“Array.from()”方法可把可遍历的对象转换成数组(包括Set和Map数据结构)。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
一、把类似数组的对象转换成数组
1、什么是类似数组的对象
比如:
1 2 3 4 5 6 |
|
本质是有length属性,可以类似数组的获取元素的方式arrayLike[0]、arrayLike[1]去获取元素,也可以通过arrayLike.length获取伪数组的长度。
常见的伪数组有通过DOM操作获取的NodeList集合(document.querySelectorAll('p')),以及函数形参arguments。
2、转换方法
方法一:通过[].slice.call(arrayLike)
1 2 3 4 5 6 7 8 9 10 |
|
方法二:通过Array.from(arrayLike)
1 2 3 4 5 6 7 8 |
|
二、延伸-Array.from()
1、作用:
1-可以将类似数组的对象转换成数组;
2-可以把可遍历的对象转换成数组(包括ES6新增的数据结构Set和Map);
2、实际应用:
1-如果当前浏览器未部署此方法,可以使用Array.prototype.slice方法替代
1 2 3 4 5 6 7 8 |
|
2-如果参数是数组,则会返回一个一模一样的数组
1 2 |
|
3-仅有length属性的对象,无法通过array.from转换
4-Array.from第二个参数:用来对每个元素进行处理,将处理后的值放入数组返回。
1 2 3 4 5 6 7 8 9 10 11 |
|
【相关推荐:javascript学习教程】
以上就是javascript怎么将对象转换为数组的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript中substr和substring的区别是什么
更多相关阅读请进入《javascript》频道 >>
![Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节](https://img.alicdn.com/i2/2145487409/O1CN01QCkR4S24bNBeCh9Zu_!!0-item_pic.jpg)
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者