ES6内置对象扩展运算符的应用——将伪数组转换为真正的数组

最新推荐文章于 2024-06-05 21:25:43 发布

小刺猬_985

最新推荐文章于 2024-06-05 21:25:43 发布

阅读量152

点赞数

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

本文链接：https://blog.csdn.net/dandanmei0513/article/details/126343978

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

运行下列代码：

<body>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <script>
    let oDivs = document.getElementsByTagName('div')
    console.log('oDivs: ', oDivs);
  </script>
</body>

打印结果如下：得到的是伪数组

在这里插入图片描述

<body>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <script>
  
    let oDivs = document.getElementsByTagName('div')
    console.log('oDivs: ', oDivs);
    // 利用扩展运算符：将伪数组转换为真正的数组Ï
    let ary = [...oDivs]
    console.log('ary: ', ary);

    // 目的：可以调用数组下面的方法
    ary.push('aaaa')
    console.log('ary: ', ary);
  </script>
</body>