Jquery - 简单数组，如果项目不存在则将其插入，如果存在则删除项目

Question

我正在构建一个简单的过滤系统，我只想将一个字符串添加到一个数组中，并在单击链接时将其删除(如果它已经存在)。我会尽力解释。

$(document).ready(function(){
    //so I start with an empty array
    var filters [];
    //when a link is clicked I want to add it to the array..
    $('li a', context).click(function(e){
        //so I get the value held in the data-event attribute of the clicked item example: "john"
        newFilter = $(this).attr('data-event');
        //this is where I get stuck, I want to test to see if the string I now have
        //in 'newFilter' is in the array already or not.. if it is in the array I
        //want to remove it, but if it doesnt exist in the array i want to add it..
        if(jQuery.inArray(newFilter, filters){
            //add to array
        } else {
           //remove from array
        };
    e.preventDefault();
    });
});

Answer 1

$.inArray()如果找到该项目，则返回该项目的索引，否则返回 -1 (就像 indexOf() 在支持时所做的那样)。因此，你可以这样写:

var found = jQuery.inArray(newFilter, filters);
if (found >= 0) {
    // Element was found, remove it.
    filters.splice(found, 1);
} else {
    // Element was not found, add it.
    filters.push(newFilter);
}