javascript - クリック (Javascript) で配列に値を追加し、既に存在する場合は削除する方法

Question

私の問題はここにあります：

dom 内の要素をクリックすると、配列 (空) に値を追加する必要があります。data-id を配列に追加します。この配列に複数の data-id を追加するにはループを作成する必要がありますが、既に含まれている場合は削除したいときに失敗しました。

何か案が ？コードは次のとおりです。

    $arr = [];
    $('.friends-list').live('click', function(){

    var $str = $(this).attr('data-id'),
        $yourFriends = false;

        $arr.push($str);

        console.log($arr);



    if($ids != ''){
        $('#jsSubmit').removeClass('desactive');
        $yourFriends = true
    }

    if($yourFriends == true){
        $('#jsSubmit').prop('disabled', false);
    }else {
        $('#jsSubmit').prop('disabled', true);
    }

});