Więcej
Question
Usuń obiekt z tablicy za pomocą JavaScript
Jak mogę usunąć obiekt z tablicy?
Chcę usunąć obiekt, który zawiera imię Kristian z someArray. Na przykład:
someArray = [{name:"Kristian", lines:"2,5,10"},
{name:"John", lines:"1,19,26,96"}];Chcę osiągnąć:
someArray = [{name:"John", lines:"1,19,26,96"}];
495
3
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.
Solution / Answer
Możesz użyć kilku metod, aby usunąć element(y) z tablicy:
//1
someArray.shift(); // first element removed
//2
someArray = someArray.slice(1); // first element removed
//3
someArray.splice(0, 1); // first element removed
//4
someArray.pop(); // last element removed
//5
someArray = someArray.slice(0, a.length - 1); // last element removed
//6
someArray.length = someArray.length - 1; // last element removedJeśli chcesz usunąć element na pozycji x, użyj:
someArray.splice(x, 1);Lub
someArray = someArray.slice(0, x).concat(someArray.slice(-x));Odpowiedź na komentarz @chill182: możesz usunąć jeden lub więcej elementów z tablicy używając Array.filter, lub Array.splice w połączeniu z Array.findIndex (zobacz MDN), np.
// non destructive filter > noJohn = John removed, but someArray will not change
let someArray = getArray();
let noJohn = someArray.filter( el => el.name !== "John" );
log("non destructive filter > noJohn = ", format(noJohn));
log(`**someArray.length ${someArray.length}`);
// destructive filter/reassign John removed > someArray2 =
let someArray2 = getArray();
someArray2 = someArray2.filter( el => el.name !== "John" );
log("", "destructive filter/reassign John removed > someArray2 =",
format(someArray2));
log(`**someArray2.length ${someArray2.length}`);
// destructive splice /w findIndex Brian remains > someArray3 =
let someArray3 = getArray();
someArray3.splice(someArray3.findIndex(v => v.name === "Kristian"), 1);
someArray3.splice(someArray3.findIndex(v => v.name === "John"), 1);
log("", "destructive splice /w findIndex Brian remains > someArray3 =",
format(someArray3));
log(`**someArray3.length ${someArray3.length}`);
function format(obj) {
return JSON.stringify(obj, null, " ");
}
function log(...txt) {
document.querySelector("pre").textContent += `${txt.join("\n")}\n`
}
function getArray() {
return [ {name: "Kristian", lines: "2,5,10"},
{name: "John", lines: "1,19,26,96"},
{name: "Brian", lines: "3,9,62,36"} ];
}<pre>
**Results**
</pre>
Czystym rozwiązaniem byłoby użycie Array.filter:
var filtered = someArray.filter(function(el) { return el.Name != "Kristian"; }); Problem z tym jest taki, że nie działa na IE < 9. Można jednak dołączyć kod z biblioteki Javascript (np. underscore.js), która implementuje to dla każdej przeglądarki.
