类数组转对象

weixiwo

于 2023-03-12 20:57:38 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixiwo/article/details/129480642

js 专栏收录该内容

27 篇文章

订阅专栏

面试的时候，需要将类数组对象转变成数组，记录一下方法。
常常在操作dom时，获取的是类数组对象，所以不能直接利用数组的方法。

ES6语法 Array.from()

let arr=Array.from(list);

利用原型链上的方法Array.prototype.slice.call

let p=document.getElementsByTagName('p');
    p.forEach(item=>{
        item.addEventListener('click',()=>{
            console.log(item.innerHtml)
        })
    })

在这里插入图片描述
用类数组遍历是报错的，所以需要转为真正的数组

 let p=document.getElementsByTagName('p');
    p=Array.prototype.slice.call(p);
    p.forEach(item=>{
        item.addEventListener('click',()=>{
            console.log(item)
        })
    })

3.利用[…]解构方法转化成数组

let p=document.getElementsByTagName('p');
    p=[...p]
    p.forEach(item=>{
        item.addEventListener('click',()=>{
            console.log(item)
        })
    })```