JavaScript会删除页面上的所有唯一图像

Question

我正在尝试创建一个用户脚本，该脚本将删除某个页面上的所有唯一图像。所以我需要比较所有的链接并删除每个唯一的链接。我正试着用这种方式：

var images = document.getElementsByTagName('img');
for(i = 0;i < images.length; i++){
   for(j = 0;j < images.length; j++){
       if(images[i].src.!(match(images[j])) images[i].remove()
}

或者用"display:none"隐藏

    function hideUnique() {
        var imgs = document.getElementsByTagName('img');
        var srcs = [];
        for (var i = 0, n = imgs.length; i < n; i++) {
            srcs[imgs[i].src] = (srcs[imgs[i].src] || 0) + 1;
        }
        for (var i = 0, n = imgs.length; i < n; i++) {
            if (srcs[imgs[i].src] == 1)
                imgs[i].style.display = 'none';
        }
    }

你可以试试这个

var images = document.getElementsByTagName("img");
var imageSrcMap = {};
for(var i = 0; i < images.length; i++){
  if(!imageSrcMap[images[i].src]){
    imageSrcMap[images[i].src] = {
      count:0,
      position:[]
    }
  }  
  imageSrcMap[images[i].src].count++;
  imageSrcMap[images[i].src].position.push(i);
}
Object.keys(imageSrcMap).forEach(function(src){
  if(imageSrcMap[src].count === 1){
    images[imageSrcMap[src].position[0]].style.display = 'none';
  }
});

这看起来与您的代码相似。

var images = document.getElementsByTagName("img");
var arr = [];
for(x in images){
    If(arr.indexOf(images[x].src) == -1){
           arr.push(images[x].src);
    }else
            images[x].style.display = "none";
    }
}