继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【金秋打卡】第6天 再学JavaScript ES(6-10)全版本语法大全

檀香
关注TA
已关注
手记 24
粉丝 1
获赞 0

课程名称:再学JavaScript ES(6-10)全版本语法大全
课程章节:2-8 Array.from(如何将伪数组转换成数组?)
课程讲师: 快乐动起来呀
课程内容:
将伪数组转换成数组
函数获取不定参的arguments和NodeList(如获取的所有p标签)是集合的概念,不是真正意义的数组,集合不能调用数组原生的API。
常见的伪数组的对象是DOM操作返回的NodeList集合,以及函数内部的arguments对象,Array.from都可以将它们转为真正的数组。
Array.from()方法就是将一个伪数组对象或者可遍历对象转换成一个真正的数组,也是ES6的新增方法。

那么什么是伪数组对象呢?所谓伪数组对象,最基本的要求就是具有length属性的对象。

ES5伪数组转换成数组:
let args = [].slice.call(arguments) //collection
let imgs = [].slice.call(document.querySelectorAll(‘img’)) //NodeList

let args = Array.from(arguments)
let imgs = Array.from(document.querySelectorAll(‘img’))
imgs.forEach() //转换为数组后,就可以用forEach遍历

要将一个伪数组对象转换为一个真正的数组,必须具备以下条件:

该类数组对象必须具有length属性,用于指定数组的长度。如果没有length属性,那么转换后的数组是一个空数组。

该类数组对象的属性名必须为数值型或字符串型的数字

该类数组对象的属性名可以加引号,也可以不加引号

Array.from(伪数组,支持一个遍历的函数)

课程收获:增添新的方法

图片描述
图片描述

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP