js代码使用map找出任意一个页面中不重复的所有html标签

可以使用JavaScript的DOM操作以及数组的高阶函数map()和filter()来实现。

首先获取页面中所有的HTML元素，可以使用document.getElementsByTagName("*")方法获取。

然后将获取到的元素集合转换为数组，并使用map()方法将每个元素的tagName属性提取出来，得到一个由标签名组成的数组。

再使用filter()方法筛选出不重复的标签名，最终得到所有不重复的HTML标签名。

以下是实现代码：

// 获取页面中所有的HTML元素
const elements = document.getElementsByTagName("*");

// 将元素集合转换为数组，并使用map()方法提取每个元素的tagName属性
const tags = Array.from(elements).map(element => element.tagName);

// 使用filter()方法筛选出不重复的标签名
const uniqueTags = tags.filter((tag, index, array) => array.indexOf(tag) === index);

// 输出所有不重复的HTML标签名
console.log(uniqueTags);

相关问题

java使用lambda表达式找出list<map>中某一个属性不相同的数据

可以使用Java 8的Stream API和lambda表达式来实现。假设需要比较的属性为"name"，示例代码如下：

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.stream.Collectors;

public class Main {
    public static void main(String[] args) {
        // 假设list中的每个map都有一个名为"name"的属性需要比较
        List<Map<String, Object>> oldList = new ArrayList<>();
        Map<String, Object> map1 = new HashMap<>();
        map1.put("name", "Alice");
        map1.put("age", 20);
        oldList.add(map1);
        Map<String, Object> map2 = new HashMap<>();
        map2.put("name", "Bob");
        map2.put("age", 25);
        oldList.add(map2);
        Map<String, Object> map3 = new HashMap<>();
        map3.put("name", "Alice");
        map3.put("age", 30);
        oldList.add(map3);

        List<Map<String, Object>> newList = oldList.stream()
                .collect(Collectors.groupingBy(map -> map.get("name")))
                .entrySet().stream()
                .filter(entry -> entry.getValue().size() == 1)
                .flatMap(entry -> entry.getValue().stream())
                .collect(Collectors.toList());

        // newList中保存的就是所有'name'属性不相同的map
        System.out.println(newList);
    }
}

输出结果为：

[{name=Alice, age=20}, {name=Bob, age=25}]

其中，代码中的`Collectors.groupingBy`方法可以将list中的map按照"name"属性进行分组，得到一个Map，其中key为"name"属性的值，value为所有具有该"name"属性的map。然后，`Stream`的`filter`方法可以筛选出所有分组后，只有一个map的分组，即所有'name'属性不相同的map所在的分组，最后使用`flatMap`方法将这些map取出，放入一个新的list中。

JS代码判断数组是否有重复值，并找出第一个重复值，结束判断

可以使用两种方法来判断数组是否有重复值并找出第一个重复值。

方法一：使用Set

使用ES6中新增的Set数据结构，将数组转换为Set，如果Set的长度小于原数组的长度，就说明原数组有重复值。然后再遍历原数组，找到第一个与之前出现过的值相同的元素即可。

function findFirstDuplicate(arr) {
  const set = new Set(arr);
  if (set.size < arr.length) { // 存在重复元素
    const seen = new Set(); // 记录已经出现过的元素
    for (let i = 0; i < arr.length; i++) {
      if (seen.has(arr[i])) {
        return arr[i]; // 找到第一个重复元素
      } else {
        seen.add(arr[i]);
      }
    }
  }
  return null; // 没有重复元素
}

const arr = [1, 2, 3, 4, 5, 2];
const result = findFirstDuplicate(arr);
console.log(result); // 2

方法二：使用Map

使用Map数据结构，将数组中的元素作为Map的键，值为出现次数。然后遍历原数组，找到第一个出现次数大于等于2的元素即可。

function findFirstDuplicate(arr) {
  const map = new Map();
  for (let i = 0; i < arr.length; i++) {
    const count = map.get(arr[i]) || 0;
    if (count >= 1) { // 存在重复元素
      return arr[i]; // 找到第一个重复元素
    } else {
      map.set(arr[i], count + 1);
    }
  }
  return null; // 没有重复元素
}

const arr = [1, 2, 3, 4, 5, 2];
const result = findFirstDuplicate(arr);
console.log(result); // 2