如何在 TypeScript / JavaScript 中定义多个命名属性

Question

In the 'sorting' property of the 'myItemA' object I would like to allow the definition of multiple flexibly named properties such as 'viewOrder', 'execOrder', 'persistOrder'... and use like this:

   myItemA.sorting.viewOrder = 3;
   myItemA.sorting.execOrder = 7;
   etc.

I am trying the definition of ItemA and the property sorting like this:

export abstract class ItemA {
    constructor(
      public id: string,
      public name: string,
                       // (this is may not be correct - how to correct it ?)
      public sorting?: [ {[name: string]: number} ],
      ...

and then create objects like this:

export const myItemA: ItemA = 
  {
    id: 'A1',
    name: 'A1',
                       // (compiler complains here - how to correct it ?)
    sorting: [ {'viewOrder': 0}, {'execOrder': 0}, {etc.} ],
    ...
  }

Answer 1

The syntax should be like this in the constructor:

public sorting?: { [name: string]: number }

Or:

public sorting?: Record<string, number>

And like this when declaring the variable:

export const myItemA: ItemA = {
  ...
  sorting: { 'viewOrder': 0, 'execOrder': 0 },
};