So schreiben Sie Code neu, um TSLint-Objektzugriff über Zeichenfolgenliterale zu vermeiden

Ich bin ziemlich neu in TypeScript und möchte wissen, ob es eine gute Möglichkeit gibt, Code neu zu schreiben, um den TSLint-Fehler "Objektzugriff über Zeichenfolgenliterale ist nicht zulässig" im folgenden Code zu vermeiden

interface ECType
{
    name: string;
    type: string;
    elementType?: string;
}

export var fields: { [structName: string]: Array<ECType>; } = { };

class ECStruct1 {
    foo: string;
    bar: number;
    baz: boolean;
    qux: number;
    quux: number;
    corge: ECStruct2[];
    grault: ECStruct2;

    constructor() {
        ...
    }
} 

fields['ECStruct1'] = [
    { name: 'foo', type: 'string' },
    { name: 'bar', type: 'int' },
    { name: 'baz', type: 'bool' },
    { name: 'qux', type: 'long' },
    { name: 'quux', type: 'ulong' },
    { name: 'corge', type: 'array', elementType: 'ECStruct2' },
    { name: 'grault', type: 'ECStruct2' }
];

Update : Am Ende wird der obige Inhalt Teil einer selbst generierten Datei mit mehr als 300 ECStructs sein, daher möchte ich die Klassendefinition (z. B. ECStruct1) gefolgt von ihrer Meta-Beschreibung (z fields['ECStruct1']. B. ).

Sie haben hier einige Möglichkeiten:

Deaktivieren Sie einfach die Regel

/* tslint:disable:no-string-literal */
whatever.codeHere()
/* tslint:enable:no-string-literal */

Verwenden Sie eine Variable anstelle eines Zeichenfolgenliteral

// instead of 
fields['ECStruct1'] = ...
// do something like
let key = 'ECStruct1';
fields[key] = ...

Schreiben / Generieren einer expliziten Schnittstelle

Siehe MartylXs Antwort oben . Im Wesentlichen:

interface ECFieldList {
    ECStruct1: ECType[];
}

export var fields:ECFieldList = {
    ECStruct1: [
        ...

All dies sind vernünftige Lösungen, obwohl ich nicht so ein Fan von # 2 bin, weil es Ihren Code ohne guten Grund durcheinander bringt. Wenn Sie sowieso Code generieren, ist es möglicherweise fieldseine gute Lösung, einen Typ für wie in # 3 zu generieren .

Sie können die Regel loswerden. Suchen Sie nach tslint.jsondem Hinzufügen einer Eigenschaft "no-string-literal"mit false, in rules::

{
"rules": {
    "no-string-literal": false,
    ... other rules ...

Verwenden Sie einfach die wörtliche Annotation der Vorlage.

fields[`ECStruct1`]

Was ist mit diesem Weg? Ich weiß nicht, ob Sie den Indexer ( [structName: string]: Array<ECType>;) benötigen oder nicht.

interface ECType {
    name: string;
    type: string;
    elementType?: string;
}

interface ECFieldList {
    ECStruct1: ECType[];
}

export var fields:ECFieldList = {
    ECStruct1: [
        {name: 'foo', type: 'string'},
        {name: 'bar', type: 'int'},
        {name: 'baz', type: 'bool'},
        {name: 'qux', type: 'long'},
        {name: 'quux', type: 'ulong'},
        {name: 'corge', type: 'array', elementType: 'ECStruct2'},
        {name: 'grault', type: 'ECStruct2'}
    ]
};

Wahrscheinlich nicht die beste Option, aber mit

fields['ECStruct1'.toString()]

funktioniert auch

Eine einfache Möglichkeit besteht darin, eine Variable zu definieren, die den Wert von ECStruct1 enthält:

const sampleName = 'ECStruct1';

und erhalten Sie dann Zugriff auf das Objekt, indem Sie die Variable als Index verwenden:

fields[sampleName] ...