【Typescript】都道府県の県名(id,name,area)オブジェクトをmixinで関東や東北等の一つのarea配列にまとめた際、配列内の県名(name)を参照出来る方法を知りたい

Question

前提・実現したいこと

初歩的な質問で失礼します。
typescriptで都道府県のオブジェクトを参照してくるだけの簡単な物を作っているのですが、どうやったら理想通りに参照できるかがわからず困っています。

１、{Kanto.tokyo.name} で「東京」と表示させたい。
２、理想はmixin等を使って自由に取り出せるようになる事です。

該当のソースコード

interface PrefsType {
  id : string,
  name : string,
  area : string
}

type AreasType = any

const tokyo : PrefsType = {
  id : 'tokyo',
  name : '東京',
  area : 'Kanto'
}

const ibaraki : PrefsType = {
  id : 'ibaraki',
  name : '茨城',
  area : 'Kanto'
}

const chiba : PrefsType = {
  id : 'chiba',
  name : '千葉',
  area : 'Kanto'
}

const saitama : PrefsType = {
  id : 'saitama',
  name : '埼玉',
  area : 'Kanto'
}

const tochigi : PrefsType = {
  id : 'tochigi',
  name : '栃木',
  area : 'Kanto'
}

const gunma : PrefsType = {
  id : 'gunma',
  name : '群馬',
  area : 'Kanto'
}

export const Kanto: AreasType = [
  {tokyo},
  {ibaraki},
  {chiba},
  {saitama},
  {tochigi},
  {gunma}
];

console.log(Kanto.tokyo.name) //コンソールに何も表示されず


試しに以下の形にすると一応コンソールに表示されるようにはなるのですが、{...tokyo.tokyo...}とidが二つ並ぶのはもう少し何とかしたいと思っています。
export const Kanto: AreasType = {
  tokyo : {tokyo},
  ibaraki:{ibaraki},
  chiba:{chiba},
  saitama:{saitama},
  tochigi:{tochigi},
  gunma:{gunma},
};
console.log(Kanto.tokyo.name) //undefined
console.log(Kanto.tokyo.tokyo.name) //東京

数時間かけて調べたりしてもどうすれば良いか分からなかったので、教えて頂けたら幸いです。

Answer 1

プロパティの定義時の中カッコが余計だったのでは？

interface PrefsType {
  id : string,
  name : string,
  area : string
}

// 各変数定義は省略

export const Kanto: {[key: string]: PrefsType} = {
  tokyo : tokyo,
  ibaraki: ibaraki,
  chiba: chiba,
  saitama: saitama,
  tochigi: tochigi,
  gunma: gunma,
};

Comments

[metafuku]

成程！
変に{}に囚われていましたが、おかげで悩みが解決しました！有難うございます！

[miyabi_pudding]

変数がすでに、{}（オブジェクト）で宣言されているので、
他のプロパティや変数に入れる時は不要ってことです。（やりたい構造によっては必要）