我有一個JSON陣列工作,我試圖從HTML頁面上張貼當我運行的循環刪除重複從JSON數組刪除重複。目前,我在頁面上看到具有相同類別披薩的圖像。我怎樣才能做到這一點,因此它只顯示一個帶有圖像的披薩類別?我想隱藏其他人。 希望有人能告訴我什麼,我需要做的。下面是我的代碼:需要
(function() {
'use strict';
var url = 'path to json';
$.getJSON(url, function(json) {
var data = (json);
var images = '';
\t var uniqueNames = [];
\t \t
\t //retrieve values from json file
\t $.each(data, function(i, item) {
\t if($.inArray(item, uniqueNames) === -1) uniqueNames.push(item)
\t \t images += '<div class="col-md-6 col-sm-6">' + '<img class="img img-responsive img-hover imgCategory" src="' + (item[0].imageURL) + '">' + '<h1>' + (item[0].category) + '</h1>' + '</div>';
\t
});
\t //append results to div
\t $('#images').html(images);
});
})();
/*JSON Sample */
[
[{
"category": "pasta",
"imageURL": "path to image"
}],
[{
"category": "pizza",
"imageURL": "path to image"
}],
[{
"category": "pizza",
"imageURL": "path to image"
}]
]
http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript - 陣列 –