javascript - 无法使用 JavaScript 从数组中删除重复值

Question

我无法使用 JavaScript 从数组中删除重复值。

var arr = [{
  'image': "jv2bcutaxrms4i_img.png",
  'gallery_image': true
}, {
  'image': "abs.png",
  'gallery_image': true
}, {
  'image': "acd.png",
  'gallery_image': false
}, {
  'image': "jv2bcutaxrms4i_img.png",
  'gallery_image': true
}, {
  'image': "abs.png",
  'gallery_image': true
}, {
  'image': "acd.png",
  'gallery_image': false
}]

var outputList = [];

for (var i = 0; i < arr.length; i++) {
  if (outputList.indexOf(arr[i].image) == -1) {
    var data = {
      image: arr[i].image,
      gallery_image: arr[i].gallery_image
    };
    outputList.push(data);
  }
}

console.log(outputList)

这里我无法正确删除数据。

Answer 1

您应该使用 some() 而不是 indexOf() 方法。来自 MDN:

The some() method tests whether some element in the array passes the test implemented by the provided function.

if (!outputList.some(x => x.image === arr[i].image))

工作演示

var arr=[
{'image':'jv2bcutaxrms4i_img.png','gallery_image':true},
{'image':'abs.png','gallery_image':true},
{'image':'acd.png','gallery_image':false},
{'image':'jv2bcutaxrms4i_img.png','gallery_image':true},
{'image':'abs.png','gallery_image':true},
{'image':'acd.png','gallery_image':false}
]

var outputList=[];

for(var i = 0; i < arr.length; i++){
   if (!outputList.some(x => x.image === arr[i].image)){
   var data={ image: arr[i].image,gallery_image:arr[i].gallery_image };
   outputList.push(data);
   }
}

console.log(outputList)