Wie entferne ich ein Array-Element in TypeScript?

Ich habe ein Array, das ich in TypeScript erstellt habe, und es hat eine Eigenschaft, die ich als Schlüssel verwende. Wie kann ich einen Artikel entfernen, wenn ich diesen Schlüssel habe?

Genauso wie in JavaScript.

delete myArray[key];

Beachten Sie, dass dies das Element auf setzt undefined.

Besser die Array.prototype.spliceFunktion nutzen:

const index = myArray.indexOf(key, 0);
if (index > -1) {
   myArray.splice(index, 1);
}

Wenn Array ein Objekttyp ist, ist dies der einfachste Weg

let foo_object // Item to remove
this.foo_objects = this.foo_objects.filter(obj => obj !== foo_object);

Mit ES6 können Sie diesen Code verwenden:

removeDocument(doc){
   this.documents.forEach( (item, index) => {
     if(item === doc) this.documents.splice(index,1);
   });
}

Es ist meine Lösung dafür:

onDelete(id: number) {
    this.service.delete(id).then(() => {
        let index = this.documents.findIndex(d => d.id === id); //find index in your array
        this.documents.splice(index, 1);//remove element from array
    });

    event.stopPropagation();
}

Sie können die spliceMethode für ein Array verwenden, um die Elemente zu entfernen.

Wenn Sie beispielsweise ein Array mit dem Namen haben, arrverwenden Sie Folgendes:

arr.splice(2, 1);

Hier ist also das Element mit Index 2 der Ausgangspunkt und das Argument 2 bestimmt, wie viele Elemente gelöscht werden sollen.

Wenn Sie das letzte Element des genannten Arrays löschen möchten, arrgehen Sie folgendermaßen vor:

arr.splice(arr.length-1, 1);

Dies gibt arr mit dem zuletzt gelöschten Element zurück.

Beispiel:

var arr = ["orange", "mango", "banana", "sugar", "tea"];
arr.splice(arr.length-1, 1)
console.log(arr); // return ["orange", "mango", "banana", "sugar"]

Abteilungen lassen ist ein Array. Sie möchten ein Element aus diesem Array entfernen.

departments: string[] = [];

 removeDepartment(name: string): void {
    this.departments = this.departments.filter(item => item != name);
  }

Hier ist ein einfacher Einzeiler zum Entfernen eines Objekts nach Eigenschaften aus einem Array von Objekten.

delete this.items[this.items.findIndex(item => item.item_id == item_id)];

oder

this.items = this.items.filter(item => item.item_id !== item.item_id);

Antworten Sie mit dem TypeScript-Spread-Operator (...)

// Your key
const key = 'two';

// Your array
const arr = [
    'one',
    'two',
    'three'
];

// Get either the index or -1
const index = arr.indexOf(key); // returns 0


// Despite a real index, or -1, use spread operator and Array.prototype.slice()    
const newArray = (index > -1) ? [
    ...arr.slice(0, index),
    ...arr.slice(index + 1)
] : arr;

Eine weitere Lösung mit Typescript:

let updatedArray = [];
for (let el of this.oldArray) {
    if (el !== elementToRemove) {
        updated.push(el);
    }
}
this.oldArray = updated;

Verwenden Sie diese Option, wenn Sie ein bestimmtes Objekt aus einem Array entfernen müssen und Folgendes sicherstellen möchten:

• Die Liste wird nicht neu initialisiert
• Die Array-Länge wird ordnungsgemäß aktualisiert

    const objWithIdToRemove;
    const objIndex = this.objectsArray.findIndex(obj => obj.id === objWithIdToRemove);
    if (objIndex > -1) {
      this.objectsArray.splice(objIndex, 1);
    }

Ich wollte nur eine Erweiterungsmethode für ein Array hinzufügen.

interface Array<T> {
      remove(element: T): Array<T>;
    }

    Array.prototype.remove = function (element) {
      const index = this.indexOf(element, 0);
      if (index > -1) {
        return this.splice(index, 1);
      }
      return this;
    };