javascript对象转换为数组的方法:1、通过“[].slice.call(对象)”语句;2、使用“Array.from(对象)”语句,“Array.from()”方法可把可遍历的对象转换成数组(包括Set和Map数据结构)。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
一、把类似数组的对象转换成数组
1、什么是类似数组的对象
比如:
let arrayLike = { '0':z, '1':y, '2':k, length:3 };
本质是有length属性,可以类似数组的获取元素的方式arrayLike[0]、arrayLike[1]去获取元素,也可以通过arrayLike.length获取伪数组的长度。
常见的伪数组有通过DOM操作获取的NodeList集合(document.querySelectorAll('p')),以及函数形参arguments。
2、转换方法
方法一:通过[].slice.call(arrayLike)
//获取当前dom的span组成的伪数组 let spanDomArr = document.querySelectorAll('span'); //通过数组的方法forEach遍历spanDomArr let arr = [].slice.call(spanDomArr); //因为spanDomArr是伪数组,不支持数组的forEach,所以需要先转换成数组 arr.forEach(function(span){ console.log(span) });
方法二:通过Array.from(arrayLike)
//获取当前dom的span组成的伪数组 let spanDomArr = document.querySelectorAll('span'); //通过数组的方法forEach遍历spanDomArr //因为spanDomArr是伪数组,不支持数组的forEach,所以需要先转换成数组 Array.from(spanDomArr).forEach(function(span){ console.log(span) });
二、延伸-Array.from()
1、作用:
1-可以将类似数组的对象转换成数组;
2-可以把可遍历的对象转换成数组(包括ES6新增的数据结构Set和Map);
2、实际应用:
1-如果当前浏览器未部署此方法,可以使用Array.prototype.slice方法替代
/* * 方法名:objectToArray * 功能介绍:把类似数组的对象、可遍历的对象转换成数组 * 参数:obj-需要转换的对象 */ var objectToArray = function(obj){ return Array.from ? Array.from(obj) : [].slice.call(obj); };
2-如果参数是数组,则会返回一个一模一样的数组
Array.from([z,y,k]); //打印:[z,y,k]
3-仅有length属性的对象,无法通过array.from转换
4-Array.from第二个参数:用来对每个元素进行处理,将处理后的值放入数组返回。
let arrayLike = { 0 : z, 1 : y, 2 : k, length:3 }; Array.from(arrayLike,x=>x+'1'); //等同于 Array.from(arrayLike).map(x=>x+'1'); //打印:[z1,y1,k1]
【相关推荐:javascript学习教程】
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。