前端面试题：找出任意一个HTML中的所有不重复的标签

最新推荐文章于 2024-09-09 21:14:24 发布

青田。

最新推荐文章于 2024-09-09 21:14:24 发布

阅读量207

点赞数 1

分类专栏： JavaScript 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/tianxiaoxixi/article/details/128080035

版权

JavaScript 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

该博客探讨了如何使用JavaScript对HTML元素标签进行去重和数组转换。通过querySelectorAll获取所有元素，然后利用ES6语法将伪数组转换为真数组并映射元素的tagName属性，接着使用Set去重，最后将结果转换回数组。示例代码展示了如何在不使用ES6语法的情况下，使用Array.prototype.slice.call进行转换。

摘要由CSDN通过智能技术生成

第一步：找出所有的标签

第二步：去重

<script>  
 let Ohtml = document.querySelectorAll("*"); //伪数组
   //伪数组转变真数组再遍历 
   let newArray =  [...Ohtml].map(v=> v.tagName);
   // 数组的去重
   let result =  [...new Set(newArray)]
   console.log(result);

  // [...new Set([...document.querySelectorAll("*")].map(v=>v.tagName))]

  // 伪数组转变真正的数组 用es5如何实现？
  Array.prototype.slice.call(document.querySelectorAll("*"));
 // [...new Set(Array.prototype.slice.call(document.querySelectorAll("*")).map(v=>v.tagName))]
</script>