es6 利用from方法将伪数组转成数组

Posted 2021-02-22 malong1992

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了es6 利用from方法将伪数组转成数组相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扩展运算符应用</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</body>
<script>
    /*利用扩展运算符将伪数组转成真数组*/
    // var oDivs= document.getElementsByTagName(‘div‘);
    // console.log(oDivs)
    // console.log( oDivs instanceof Array)  //判断是不是真数组
    //
    // let arr =[...oDivs];
    // console.log(arr)
    // console.log(arr instanceof Array)

    let arrLike = {
        "0" : 1,
        "1": 3,
        ‘2‘ :4,
        "length" :3
    }
    //from 将伪数组转成数组并对数据进一步处理
    const _arr = Array.from(arrLike,(item) =>{
        return item*2
    })
    console.log(_arr)

</script>
</html>

　　运行结果

技术图片

以上是关于es6 利用from方法将伪数组转成数组的主要内容，如果未能解决你的问题，请参考以下文章

ES6---JavaScript

ES6 从入门到精通 # 12：数组的扩展方法一

264 构造函数方法：Array.from()

JS 将伪数组转换成数组

使用apply的方法将伪数组转化为数组