Javascript：用Array.from()方法将一个伪数组转换为真数组

听海边涛声

于 2024-07-04 13:24:31 发布

阅读量138

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/panghuangang/article/details/140177088

版权

用Array.from()方法将一个伪数组转换为真数组。

示例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <script>
    // 返回的是位数组
    const lis = document.querySelectorAll('ul li')
    // 将伪数组转换为真数组
    const lis2 = Array.from(lis)
    console.log(lis2)
    // 转换为真数组就可以删除元素了
    lis2.pop()
    console.log(lis2)
  </script>
</body>

</html>

在这里插入图片描述