Javascript: Entfernen von Objekt aus Array in LocalStorage gespeichert?

Question

Ich habe ein Array in localstorage gespeichert, die wie folgt aussieht:

[ 
    { 
    "location": "westcliff, uk", 
    "stopover": true 
    }, 
    { 
    "location": "westcliff, uk", 
    "stopover": true 
    }, 
    { 
    "location": "southend, uk", 
    "stopover": true 
    }, 
    { 
    "location": "Leigh-on-sea, uk", 
    "stopover": true 
    } 
] 

Ich habe eine Schaltfläche, dass, wenn ich auf klicken, wird es für die localtion: in diesem Array aussehen wird, und es wird das Objekt aus dem Array löschen und speichert dann wieder im lokalen Speicher.

Der Button-Code sieht wie folgt aus:

$(document).on('click', ".cart-del", function() { 
    var retrievedObject2 = localStorage.getItem('waypoints'); 
    var parsedObject2 = JSON.parse(retrievedObject2); 
    var result2 = parsedObject2.filter(function(x){return x.location !== "westcliff, uk"; }); 
    var setLoc2 = JSON.stringify(result2); 
    localStorage.setItem('waypoints', setLoc2); 
}): 

Das alles funktioniert gut.

Das Problem, das ich habe, ist, dass wenn die Schaltfläche geklickt wird, wird es alle "westcliff, uk" -Objekt entfernen.

Was ich tun muss, ist nur 1 Objekt pro Klick zu entfernen!

Könnte jemand bitte Beratung zu diesem Thema?

Vielen Dank im Voraus.

EDIT:

Ich habe versucht, dies und das entbindet nicht alles aus dem Array:

$(document).on('click', ".cart-del", function() { 

    var retrievedObject2 = localStorage.getItem('waypoints'); 
    var parsedObject2 = JSON.parse(retrievedObject2); 

    for(var i = 0; i < parsedObject2.length; i++){ 
    if(parsedObject2[i].text == "westcliff, uk"){ 
    parsedObject2.splice(i, 1); 
    break; 
    } 
    } 



    var result2 = parsedObject2;  

    var setLoc2 = JSON.stringify(result2); 
    localStorage.setItem('waypoints', setLoc2); 
    }): 

Answer 1

Es ist Da Sie filter verwenden, gibt es keine Möglichkeit, früher zu beenden, so dass es möglicherweise kein geeignetes Tool für diesen Anwendungsfall ist. Stattdessen können Sie einfach eine normale Schleife verwenden. Hier ist ein Beispiel.

var a = [ 
 
    {text : "foo", n : 1 }, 
 
    {text : "foo", n : 2 } 
 
]; 
 
for(var i = 0; i < a.length; i++){ 
 
    if(a[i].text == "foo"){ 
 
    a.splice(i, 1); 
 
    break; 
 
    } 
 
} 
 
console.log(a);

Oder eine sauberere Ansatz findIndex:

var a = [ 
 
    {text : "foo", n : 1 }, 
 
    {text : "foo", n : 2 } 
 
]; 
 

 
a.findIndex((obj, i) => { 
 
    if(obj.text === "foo"){ 
 
    a.splice(i,1); 
 
    return true; 
 
    } 
 
}); 
 

 
console.log(a);

Answer 2

Sie Methode anstelle der Filtermethode finden können

parsedObject2.find(function(x,e){ 
    if(x.location == "westcliff, uk") 
    { 
     return x.splice(e,1) 
    } 
});