javascript - 使用循环删除 JSON 中的重复值

Question

看看:

https://jsfiddle.net/3fmp43db/

data = [{
  city: 'Mushroom Kingdom',
}, {
  city: 'Mushroom Kingdom',
}, {
  city: 'Mushroom Kingdom',
}, {
  city: 'Mushroom Kingdom',
}, {
  city: 'Mushroom Kingdom',
}, {
  city: 'Mushroom Kingdom',
}, {
  city: 'Planet Zebes',
}, {
  city: 'Planet Zebes',
}, {
  city: 'Planet Zebes',
}];


for(var i = 0; i < data.length; i++) {
    var obj = data[i];

   $(".test").append(obj.city + "<br>")
}   

这是一个简单的问题，我无法弄清楚如何在呈现此列表之前删除重复值。

Answer 1

改变最后一个for循环

for(var i = 0; i < data.length; i++) {
    var obj = data[i];

   $(".test").append(obj.city + "<br>")
}

到

var allCities = {};
for(var i = 0; i < data.length; i++) {
    allCities[ data[i].city ] = "";
}
$(".test").append(Object.keys( allCities ).join("<br>"));

检查这个更新 fiddle