Jquery - 添加和删除数组中的项目

Question

我想要这个点击事件来检查项目是否在数组中。如果是，请将其删除。如果不是，则将其添加回相同的位置。

var myArray = ["apple","orange","pear","grape"]; 

$("button").click(function(){ 
    if($.inArray(apple,myArray) != -1){ 
     myArray.push(apple,1); 
    } else { 
     myArray.splice(apple,1); 
    } 

    alert(myArray); 
}); 

Answer 1

• 商店在外部变量的最后去除的索引。
• 变化myArray.push("apple");为myArray.splice(lastRemovedIndex, 0, "apple");
• 变化if($.inArray(apple,myArray) != -1)为$.inArray("apple", myArray) == -1。
• 使用索引myArray.splice(myArray.indexOf("apple"), 1);删除元素。
• 不要忘记围绕元素apple。
• 如果元素被移除，则更新最后一次删除索引。

var myArray = ["apple", "orange", "pear", "grape"]; 
 

 
var lastRemovedIndex = -1; 
 
$("#myBtn").click(function() { 
 
    if ($.inArray("apple", myArray) == -1) { 
 
    myArray.splice(lastRemovedIndex, 0, "apple"); 
 
    } else { 
 
    var i = myArray.indexOf("apple"); 
 
    myArray.splice(i, 1); 
 
    lastRemovedIndex = i; 
 
    } 
 
    alert(myArray); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button id="myBtn">Click me</button>