Typoskript herausfiltern, die null-Werte aus einem array

Typoskript, --strictNullChecks-Modus.

Angenommen ich habe ein array der null-Zeichenfolgen (string | null)[]. Was wäre ein single-Ausdruck Weg, um entfernen Sie alle null-Werte in einer solchen Weise, dass das Ergebnis hat den Typ " string[]?

const array: (string | null)[] = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = ???;

Array.filter funktioniert hier nicht:

//Type '(string | null)[]' is not assignable to type 'string[]'
array.filter(x => x != null);

Array Verstehens könnten schon arbeiten, aber Sie werden nicht unterstützt von Typoskript.

Eigentlich die Frage, kann verallgemeinert werden, um das problem der Filterung ein array von union-Typ durch entfernen der Einträge mit einem bestimmten Typ von der union. Aber konzentrieren wir uns auf die Gewerkschaften, die mit null-und vielleicht undefiniert wie diese sind die häufigsten usecases.

  • Was ist das problem über die Iteration über das array, zu überprüfen, ob er index null ist, und wenn nicht, indem Sie Sie auf das gefilterte array?
  • Iteration+wenn+einfügen ist das, was ich jetzt tun soll. Ich finde es zu wortreich.
  • Auf dem Spielplatz, es funktioniert Super mit array.filter den Weg, den Sie geschrieben. Es braucht nicht einmal die : string[], das ist genug: const filterdArray = array.filter(x => x != null); und der compiler folgert, dass filterdArray ist der Typ string[]. Welche version von typescript verwenden Sie?
  • In der playground wählen Sie Optionen aus und aktivieren Sie strictNullChecks
InformationsquelleAutor SergeyS | 2017-03-30
  1. 55

    Können Sie eine Typ-Prädikat Funktion in der .filter zu vermeiden opting out-of-strenge Typ-Prüfung:

    function notEmpty<TValue>(value: TValue | null | undefined): value is TValue {
    return value !== null && value !== undefined;
}

const array: (string | null)[] = ['foo', 'bar', null, 'zoo', null];
const filteredArray: string[] = array.filter(notEmpty);

    Alternativ können Sie array.reduce<string[]>(...).

    • Das ist die nützlichste Verwendung des Typs Wachen und die eleganteste Lösung zu sein!
    • Ich glaube nicht, dass das richtig ist value !== null && value !== undefined nicht gehen, um einen string zurückgeben, es wird zu true oder false zurück. Plus, übergeben Sie eine null oder undefined, gibt Sie einen Wert, der null ist oder nicht definiert ist, so dass es nicht wirklich beschränken. Das problem ist, dass diese Funktion nicht das, was eigentlich die Filterung es kann also nicht wirklich die Garantie.
    • Tut notEmpty garantieren, dass es schränkt die Art von string|null nach unten zu string? Nicht wirklich. Die Gewissheit, dass Sie bekommen mit Typ-Prädikate, ist, dass, wenn es die falsche Art, Sie werden nicht in der Lage zur Verwendung in einem filter, der ist noch nützlich, denn Sie können ganz einfach füllen Sie die Lücke mit nur ein paar unit-tests. Unit-test die definition und der Gebrauch ist bedeckt durch das Typ-system.
    • TS nicht wirklich, wie die "Garantien", so dass Ihr system wird manchmal als "Typbestimmung" eher als "Prüfung", und das ist wahr, um Ihre erklärten Prinzipien. Die Bedeutung der "streng" ist mehr wie "nutzt alle verfügbaren überprüfungen" als "macht garantiert".
    InformationsquelleAutor Bijou Trouvaille
  2. 23

    Ähnlich wie @bijou-trouvaille Antwort, Sie brauchen nur zu erklären, dass die <arg> is <Type> als der Ausgang der filter-Funktion:

    array.filter((x): x is MyType => x !== null);
    InformationsquelleAutor alukach
  3. 10

    Können Sie werfen Sie Ihre filter Ergebnis in den Typ Sie möchten:

    const array: (string | null)[] = ["foo", "bar", null, "zoo", null];
const filterdArray = array.filter(x => x != null) as string[];

    Dies funktioniert für die mehr Allgemeinen Gebrauch den Fall, dass Sie erwähnt, zum Beispiel:

    const array2: (string | number)[] = ["str1", 1, "str2", 2];
const onlyStrings = array2.filter(x => typeof x === "string") as string[];
const onlyNumbers = array2.filter(x => typeof x === "number") as number[];

    (code im playground)

    InformationsquelleAutor Nitzan Tomer
  4. 0

    Ich glaube, Sie haben es alle gut, außer, dass der Typ-überprüfung macht nur die gefilterten Art nicht anders sein, als der Rückgabetyp.

    const array: (string | null)[] = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = array.filter(f => f !== undefined && f !== null) as any;
console.log(filterdArray);
    • Du hast Recht, temporäre Typen optout arbeiten. Ist eine strengere Lösung möglich?
    • Das war mein erste Instinkt - aber Typoskript erlauben es nicht. Da jedoch filteredArray eingegeben als string[] es ist so streng, wie es bekommen kann IMO.
    InformationsquelleAutor Digvijay
Schreibe einen Kommentar