JS es6中对数组扩展对象新增（数据结构） Set Map

最新推荐文章于 2023-03-01 17:48:51 发布

倾城857

最新推荐文章于 2023-03-01 17:48:51 发布

阅读量1.5k

点赞数 1

文章标签： javascript 数据结构前端 es6

本文链接：https://blog.csdn.net/qq_64389035/article/details/121730067

版权

一：数组新增

数组可以存储多个数据，在JavaScript中已经学习了数组定义和一些方法包含添加、删除、获取等。es6中对数组一些方法进行了扩展。

新增方法

Array.of

语法：Array.of( ...args )

作用：Array.of

代码案例：

    <script>
        let arr = [];
        // let arr2 = new Array(1, 2, 7);
        let arr2 = new Array(7); //有歧义
        let arr3 = Array.of(7);
        // let arr3 = Array.of(7, 9, 11);
        console.log(arr2, arr3);
    </script>

Array.from

语法：Array.from( arrayLike )

作用：把伪数组或可遍历的对象转换成真正的数组，相对于ES5的写法，更加简洁方便

代码案例：

  <body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        let divs = document.getElementsByTagName('div');
        let arr5 = Array.from(divs); //将伪数组转换成真正的数组
        console.log(divs, arr5);

        let obj = {
            0: '11',
            1: "b",
            'ok': "lisi",
            2: 100,
            length: 3
        };

        let arr6 = Array.from(obj); //将可遍历的对象转换成真正的数组
        console.log(arr6);
    </script>
</body>

二：对象新增

对象（object&