[JavaScript]将DOM元素li、函数的arguments转化为真正的数组

最新推荐文章于 2022-10-24 21:08:12 发布

原创最新推荐文章于 2022-10-24 21:08:12 发布 · 388 阅读

1 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

112 篇文章

订阅专栏

前端面试题

67 篇文章

订阅专栏

本文介绍了如何利用ES6的Array.from()方法将DOM中的li元素列表和函数调用时的arguments对象转换为真正的JavaScript数组。

    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

    var lis=document.getElementsByTagName("li");
    console.log(lis);
    //HTMLCollection(3) [li, li, li]
    var fun=function(){
        console.log(arguments);
        //Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]
    }
    fun();

在这里插入图片描述
如果要将他们转化为数组，可利用ES6的Array.from()

    var lis=document.getElementsByTagName("li");
    console.log(Array.from(lis));
    //[li, li, li]
    var fun=function(){
        console.log(Array.from(arguments));
        //[]
    }
    fun();