Як переписати код, щоб уникнути TSLint “доступ до об’єкта через рядкові літерали”

Я досить новачок у TypeScript, і я хотів би знати, чи існує хороший спосіб переписати код, щоб уникнути помилки TSLint "доступ до об'єкта через рядкові літерали заборонено" в наступному коді

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' }
];

Оновлення : наприкінці вміст, наведений вище, буде частиною самогенерованого файлу ECStruct, який триває більше 300 с, тому я хотів би мати визначення класу (наприклад ECStruct1) з подальшим його мета-описом (наприклад fields['ECStruct1']).

У вас є кілька варіантів тут:

Просто вимкніть правило

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

Використовуйте змінну замість рядкового літералу

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

Написати / створити явний інтерфейс

Дивіться відповідь MartylX вище . По суті:

interface ECFieldList {
    ECStruct1: ECType[];
}

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

Будь-яке з них є розумним рішенням, хоча я не настільки шанувальник №2, тому що він перекручує ваш код без поважних причин. Якщо ви все одно генеруєте код, можливо, генерування типу, fieldsяк у # 3, є гарним рішенням.

Ви можете позбутися правила. Шукайте tslint.json, то додати властивість "no-string-literal"з false, в rules::

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

Просто використовуйте літеральну анотацію шаблону.

fields[`ECStruct1`]

А як щодо цього шляху? Не знаю, потрібен вам індексатор ( [structName: string]: Array<ECType>;) чи ні.

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'}
    ]
};

Можливо, не найкращий варіант, але використання

fields['ECStruct1'.toString()]

працює теж

Простий спосіб полягає у визначенні змінної для зберігання значення ECStruct1:

const sampleName = 'ECStruct1';

а потім отримати доступ до об’єкта, використовуючи змінну як індекс:

fields[sampleName] ...