本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考,具体如下:
1、类数组对象:
拥有length
属性,可以通过下标访问;
不具有数组所具有的方法。
2、为什么要将类数组对象转换为数组对象?
数组对象Array有很多方法:shift
、unshift
、splice
、slice
、concat
、reverse
、sort
,ES6又新增了一些方法:forEach
、isArray
、indexOf
、lastIndexOf
、every
、some
、map
、filter
、reduce
等。由于类数组不具有数组所具有的操作数组的方法,将类数组转换为数组之后就能调用这些强大的方法,方便快捷。更多JavaScript数组的方法请见:https://www.jb51.net/article/144359.htm
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相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript数据结构与算法技巧总结》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 孙悦.1996-伙伴【正大国际】【WAV+CUE】
- 纪钧瀚《钢琴阅读时光 雨中书店聆听轻音乐》[FLAC/分轨][399.62MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[320K/MP3][87.4MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[FLAC/分轨][184.94MB]
- 陈慧娴.2018-Priscilla-Ism演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 郑秀文.1999-我应该得到(国)【华纳】【WAV+CUE】
- 陈家慧.2011-钢琴酒吧2CD【龙吟唱片】【WAV+CUE】
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[320K/MP3][45.01MB]
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[FLAC/分轨][109.13MB]
- 赞多《序章》[320K/MP3][45.54MB]
- 许巍.2004-每一刻都是崭新的【步升大风】【WAV+CUE】
- 群星.2024-四方馆影视原声带【韶愔音乐】【FLAC分轨】
- 陈雷.1997-安锁咧【金圆唱片】【WAV+CUE】
- 关淑怡.2013-MY.FAVORITE.SK.3CD【环球】【WAV+CUE】
- Sweety.2006-花言乔语【丰华】【WAV+CUE】