如何防止將值推入數組兩次？ （jQuery）

Question

我有一個從HTML中的數據屬性獲取唯一編號的函數。在我的情況下，它被稱爲數據密鑰，它將有一個唯一的數字。

現在，當單擊具有數據鍵的HTML元素旁邊的按鈕時，該鍵號將被壓入數組中。

我不希望將相同的數字放入數組中多次。

有沒有簡單的方法來實現這個目標？我想象的做法是在推動之前檢查該元素是否已經在Array中，但是我覺得有一種更簡單的方法？

我Codepen：http://codepen.io/leongaban/pen/CEfxi

點擊按鈕添加一個輸入值到數組。

< 6-1被添加兩次

jQuery的

var deletedArray = []; 

$('.remove_info').unbind('click').bind("click", function(event) { 
    //console.log('clicked remove x'); 
    var value = $(this).prev().attr('value'); 
    var key = $(this).prev().data('key'); 

    deletedArray.push(key); 
    console.log('this value = '+value+' deletedArray = '+deletedArray); 
}); 

Answer 1

應該已經註釋，但推函數調用

if (deletedArray.indexOf(key) < 0) deletedArray.push(key); 

對於瀏覽器之前，把控制語句兼容性jQuery的inArray

if ($.inArray(key, deletedArray) < 0) deletedArray.push(key); 

注：indexOf不與IE 8和更早

Answer 2

兼容如果陣列中的所有元素都必須是唯一的，那麼我真的建議使用下劃線的陣列工會：

arr = ["1", 2, "apple"]; 

console.log(_.union(arr, 3)); //["1", 2, "apple", 3] 
console.log(_.union(arr, 2)); //["1", 2, "apple"]