将附加值添加到定义为数组的 Typescript JSON 键

Question

我有一个类定义……

class anObj { 
  "ID" : string;
  dialog: {[id : number]:{hide: boolean;}} = {
    0 : {"hide": false},
    14 : {"hide": false}
  }    
}
class manyObjects {
  myGroup: anObj [] = [];
}
...
public stuff = manyObjects;

这完全符合我的要求...我可以使用 id 值作为直接键...

var x:number = 1 //used for a different tier of logic
stuff.myGroup[x].dialog[14].hide!=true

这就是我卡住的地方...我想在组中添加更多对话框。我一路走来……

stuff.myGroup[x].dialog

并且无法弄清楚如何添加类似推送的东西......

.push(7 : {"hide": true})

例如，我可以输入这一行，IDE 说没问题...

stuff.myGroup[x].dialog[[id=7].push({"hide": false})];

但是，当我检查时，该元素没有被添加到数组中......

Answer 1

我可以从您的代码中收集到的是，您正在尝试向包含在 anObj 的“对话框”属性中的对象添加一个新对话框，该对象不是数组。它是一个在 typescript 中具有预期结构的对象：该对象的每个属性都应该是一个数字，每个属性的值都应该是 {hide: boolean;} 类型。

从那里开始，很容易，您添加一个新属性（或覆盖现有的一个），就像为任何 JS 对象所做的那样：

stuff.myGroup[x].dialog[7] = {hide: false};

同样，stuff.myGroup[x].dialog 是一个对象，而不是数组，数组是 stuff.myGroup。 如果您想向 myGroup 添加另一个“组”，那么您可以执行以下操作：

stuff.myGroup.push(new anObj());

编辑

忽略像 stuff 和我的组这样的额外对象产生的噪音的示例，但演示了添加新的键值对：

class anObj { 
  "ID" : string;
  dialog: {[id : number]:{hide: boolean;}} = {
    0 : {"hide": false},
    14 : {"hide": false}
  }    
}
class manyObjects {
  myGroup: anObj [] = [];
}

var obj = new anObj();
obj.dialog[7] = { hide: true };
console.log(obj);

你可以在 typescript 操场上试试 -> https://www.typescriptlang.org/play/?ssl=14&ssc=18&pln=1&pc=1#code/MYGwhgzhAEYHYHkBGAraBvaAoa0BEAkgCJ7QBc0EALgE4CWcA5gNw7QAmdYIA9oxegDadduWhwArgFskAUxoBdMugAWI2RSQ8eIWfGYBfA9AC8GNrgAMY9HjXtZeCgDNuEWQYA0F6AEYALDZ26k7QriDuBmzGuNhRoJAwUvAAnsgossBUMOhsUikA4jQ8EgAOFPDp0IIKptUKrFFYAG5gNNA8qHVwsgDusIioABQAlKydKAB0nNx8ggDstWaY9hrQtBKy0AaswDxwEDqyk7yMQxNjQA

更新 2

要返回对象的可枚举键，可以使用 Object.keys 方法。见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

console.log(Object.Keys(obj));