浅谈JavaScript类数组对象转换为数组对象
来源:互联网 发布:多粒度大数据 编辑:程序博客网 时间:2024/06/06 23:18
1、类数组对象:
拥有length属性,可以通过下标访问;
不具有数组所具有的方法。
2、为什么要将类数组对象转换为数组对象?
数组对象Array有很多方法:shift、unshift、splice、slice、concat、reverse、sort,ES6又新增了一些方法:forEach、isArray、indexOf、lastIndexOf、every、some、map、filter、reduce等。由于类数组不具有数组所具有的操作数组的方法,将类数组转换为数组之后就能调用这些强大的方法,方便快捷。更多JavaScript数组的方法请见:http://blog.csdn.net/zhouziyu2011/article/details/53543939
3、类数组对象转换为数组对象的方法:
1) Array.prototype.slice.call(arrayLike) 或 Array.prototype.slice.call(arrayLike, 0) 或 [].slice.call (arrayLike) 或 [].slice.call (arrayLike, 0)
var div1 = Array.prototype.slice.call(document.querySelectorAll('div'), 0);var div2 = Array.prototype.slice.call(document.querySelectorAll('div'));var div3 = [].prototype.slice.call(document.querySelectorAll('div'), 0);var div4 = [].prototype.slice.call(document.querySelectorAll('div'));
2) Array.from(arrayLike)
var divs = Array.from(document.querySelectorAll('div'));
3) 原生JavaScript转换
var length = arrayLike.length; var arr = []; for (var i = 0; i < length; i++) { arr.push(arrayLike[i]); return arr; }
4、JavaScript如何判断一个对象是否为数组?
使用typeof运算符不能判断一个对象是否为数组,因为typeof arr返回的是object而不是array。
1) arr instanceof Array返回true
2) arr.constructor == Array返回true
说明:使用instanceof和constructor判断数组类型的问题在于,它假定只有一个运行环境,如果网页中包含多个框架,那么实际上存在两个以上不同的全局执行环境,进而存在两个不同版本的Array构造函数,如果从一个框架向另一个框架传入一个数组,那么传入的数组与第二个框架中原生创建的数组分别具有各自不同的构造函数,也就是说,object.constructor == Array 会返回false。
原因:Array属于引用型数据,传递过程仅仅是引用地址的传递,每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的Array所对应的构造函数,是子页面的Array对象,父页面进行判断时使用的Array并不等于子页面的Array。
3) Array.isArray(arr)方法返回true
ES5新增了Array.isArray()方法,这个方法的目的是:最终确定一个值是否是数组,不管它是在哪个全局环境创建的。
4) Object.prototype.toString.call(arr) === "[object Array]"返回true
这是最简单的判断一个对象是否为数组的方法。
- 浅谈JavaScript类数组对象转换为数组对象
- Js类数组转换为数组对象
- php 对象转换为数组
- js对象转换为数组
- JavaScript 函数内的arguments 对象转换为数组
- javascript 将对象数组转换为json字符串
- javascript 数组的使用 + js 对象 转换为json 字符串
- 1-DOM中-类数组对象遍历(转换)为数组
- JavaScript 将类数组对象转化为数组
- JavaScript类数组对象
- JavaScript 类数组对象
- 浅谈json,对象,数组
- 对象数组转换为DataTable的方法
- ArrayList .toArray()转换为[] 数组对象
- CollectionUtils 转换数组为集合对象
- java对象转换为字节数组
- java对象转换为字节数组
- PHP 对象转换为对应的数组
- 捕鱼达人(炮筒跟着鼠标旋转,委托事件的运用)
- python中的Functions
- Eclipse 无法打断点问题-遇到带斜杠的断点图标
- 笔记 intent隐式启动的两个注意事项
- ubuntu创建快捷方式
- 浅谈JavaScript类数组对象转换为数组对象
- 【LeedCode】120. Triangle
- Android中LayoutParams的使用
- java学习笔记
- 二叉树的先序遍历、中序遍历、后序遍历
- div居中
- SuperMap iDesktop中OracleSpatial数据源直接及ArcSDE服务连接介绍
- Random类
- 多表【左右内混合】连接查询