javascript — не допускать добавления дубликатов в корзину
Я создал корзину в своей форме PHP, где пользователи могут вставлять в нее свои выбранные фильмы.
Вопрос:
Как я могу предотвратить добавление дубликатов фильмов в эту корзину (выбранный список фильмов)?
Вот мой код: (Извините, я не вставил весь код, так как он был слишком длинным)
<div id="basket">
<div id="basket_left">
<h4>Selected Movies</h4>
<img id="basket_img" src="http://brettrutecky.com/wp-content/uploads/2014/08/11.png" />
</div>
<div id="basket_right">
<div id="basket_content">
<span style="font-style:italic">Your list is empty</span>
</div>
</div>
</div>
<script type="text/javascript">
var master_basket = new Array();
$(document).ready(function () {$("input[id='selectType']").change(function(){
// AUTO_COMPLETION PART
$('#btnMove').on('click', function(d) {
console.log(master_basket);
d.preventDefault();
var selected = $("#q").val();
if (selected.length == 0) {
alert("Nothing to move.");
d.preventDefault();
} else {
var obj = {
"movie_name":selected,
"movie_info": ""};
addToBasket(obj);
}
$("#q").val("");
});
});
function addToBasket(item) {
master_basket.push(item);
showBasketObjects();
}
function showBasketObjects() {
$("#basket_content").empty();
$.each(master_basket, function(k, v) {
$("#basket_content").append("<div class='item_list'>" + v.movie_name + "<a class='remove_link' href='" + k + "'><img width='20' src='http://i61.tinypic.com/4n9tt.png'></a></div>");
});
Решение
Лично я бы не советовал использовать javascript для предотвращения этого дублирования, поскольку любой мог изменить его и вручную вызвать эту проблему, вы должны предотвратить дублирование как в php, так и в javascript.
В любом случае, чтобы выполнить то, что вы хотите в скрипте, я думаю, что достаточно изменить часть вашего кода следующим образом:
var master_basket = new Array();
selectedMovies = {};
///////
} else {
var obj = {
"movie_name":selected,
"movie_info": ""};
if(!selectedMovies.hasOwnProperty(selected)){
addToBasket(obj);
selectedMovies[selected] = obj;
}
}
Другие решения
Попробуйте изменить свою функцию на
function addToBasket(item) {
var ifExists = false;
for (i = 0; i < master_basket.length; ++i) {
if(master_basket[i] == item)
ifExists = true;
}if(!ifExists)
master_basket.push(item);
}
}