typescriptの辞書とリストの変換の書き方

Question

pythonで書いたコードをtypescriptで書き直そうとしていますが、書き方がわからないため教えていただきたいです。

変更前データ

data = [
    {
        "id": "い",
        "fruits": "apple",
        "cd": 1
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 2
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 4
    },
    {
        "id": "ろ",
        "fruits": "banana",
        "cd": 5
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 3
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 6
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 7
    },
]

変更後データ（この形に変更をしたい）

result = {
    "い": [
        {
            "id": "い",
            "fruits": "apple",
            "cd": 1
        },
        {
            "id": "い",
            "fruits": "apple",
            "cd": 2
        },
        {
            "id": "い",
            "fruits": "apple",
            "cd": 4
        }
    ],
    "ろ": [
        {
            "id": "ろ",
            "fruits": "banana",
            "cd": 5
        }
    ],
    "は": [
        {
            "id": "は",
            "fruits": "grape",
            "cd": 3
        },
        {
            "id": "は",
            "fruits": "grape",
            "cd": 6
        },
        {
            "id": "は",
            "fruits": "grape",
            "cd": 7
        }
    ]
}

作成したpythonのコード

data = [
    {
        "id": "い",
        "fruits": "apple",
        "cd": 1
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 2
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 4
    },
    {
        "id": "ろ",
        "fruits": "banana",
        "cd": 5
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 3
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 6
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 7
    },
]

result = {}
for w in data:
    result.setdefault(w['id'], []).append(w)

print(result)

pythonの出力結果（期待通りに出力できている）

>>> print(result)
{'い': [{'id': 'い', 'fruits': 'apple', 'cd': 1}, {'id': 'い', 'fruits': 'apple', 'cd': 2}, {'id': 'い', 'fruits': 'apple', 'cd': 4}], 'ろ': [{'id': 'ろ', 'fruits': 'banana', 'cd': 5}], 'は': [{'id': 'は', 'fruits': 'grape', 'cd': 3}, {'id': 'は', 'fruits': 'grape', 'cd': 6}, {'id': 'は', 'fruits': 'grape', 'cd': 7}]}

作成中のtypescriptのコード

const data = [
    {
        "id": "い",
        "fruits": "apple",
        "cd": 1
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 2
    },
    {
        "id": "い",
        "fruits": "apple",
        "cd": 4
    },
    {
        "id": "ろ",
        "fruits": "banana",
        "cd": 5
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 3
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 6
    },
    {
        "id": "は",
        "fruits": "grape",
        "cd": 7
    },
]

const result: { [id: string]: {}} = {};
data.map(x => result[x.id] = x);
console.log(result)

typescriptのコードの出力結果

{
  'い': { id: 'い', fruits: 'apple', cd: 4 },
  'ろ': { id: 'ろ', fruits: 'banana', cd: 5 },
  'は': { id: 'は', fruits: 'grape', cd: 7 }
}

pythonで書いたコードのように、先に辞書にキーだけを追加し、そのキーに辞書を紐づけたいのですが、typescriptの書き方がわかりません。

※文章がわかりにくかったため、修正しました。

Comments

[meg_]

> 出力結果
とはどれをどうしたときの結果でしょうか？

[sasaki0628]

作成中のtypescriptのコードの出力結果です。

Answer 1

以下だとオブジェクトがオブジェクトを持つ定義になってしまってますね
やりたいのはオブジェクトが配列を持ち、その配列がオブジェクトを持つ構成じゃないでしょうか

const result: { [id: string]: {}} = {};

あとpythonでは for + append で実現しているのに typescript では map でやっているのが何故なのかなと
同じように foreach + push してはいかがでしょうか

const data = [
  {
      "id": "い",
      "fruits": "apple",
      "cd": 1
  },
  {
      "id": "い",
      "fruits": "apple",
      "cd": 2
  },
  {
      "id": "い",
      "fruits": "apple",
      "cd": 4
  },
  {
      "id": "ろ",
      "fruits": "banana",
      "cd": 5
  },
  {
      "id": "は",
      "fruits": "grape",
      "cd": 3
  },
  {
      "id": "は",
      "fruits": "grape",
      "cd": 6
  },
  {
      "id": "は",
      "fruits": "grape",
      "cd": 7
  },
]


export interface Item {
  id: string;
  fruits: string;
  cd: number;
}

const result: { [id: string]: Item[]} = {};

data.forEach(function(element){
  if(!result[element.id]) {
    result[element.id] = []
  }
  result[element.id].push(element)
})

console.log(result)

// {
//   'い': [
//     { id: 'い', fruits: 'apple', cd: 1 },
//     { id: 'い', fruits: 'apple', cd: 2 },
//     { id: 'い', fruits: 'apple', cd: 4 }
//   ],
//   'ろ': [ { id: 'ろ', fruits: 'banana', cd: 5 } ],
//   'は': [
//     { id: 'は', fruits: 'grape', cd: 3 },
//     { id: 'は', fruits: 'grape', cd: 6 },
//     { id: 'は', fruits: 'grape', cd: 7 }
//   ]
// }

Comments

[sasaki0628]

ありがとうございます。typescriptの初心者で、いろいろと書き方がわかりませんでした。勉強になります。

[sasaki0628]

重ねて質問申し訳ございません、「cd」が配列のときに出力がうまくできないのですが、どう修正すればよいでしょうか。

const data = [
{
"id": "い",
"fruits": "apple",
"cd": [1,1]
},
{
"id": "い",
"fruits": "apple",
"cd": [2,3,4]
},
{
"id": "い",
"fruits": "apple",
"cd": [4,2]
},
{
"id": "ろ",
"fruits": "banana",
"cd": [5,6]
},
{
"id": "は",
"fruits": "grape",
"cd": [3]
},
{
"id": "は",
"fruits": "grape",
"cd": [6,9]
},
{
"id": "は",
"fruits": "grape",
"cd": [7,8]
},
]

export interface Item {
id: string;
fruits: string;
cd: number[];
}

const result: { [id: string]: Item[]} = {};

data.forEach(function(element){
if(!result[element.id]) {
result[element.id] = []
}
result[element.id].push(element)
})

console.log(result)

出力結果
{
'い': [
{ id: 'い', fruits: 'apple', cd: [Array] },
{ id: 'い', fruits: 'apple', cd: [Array] },
{ id: 'い', fruits: 'apple', cd: [Array] }
],
'ろ': [ { id: 'ろ', fruits: 'banana', cd: [Array] } ],
'は': [
{ id: 'は', fruits: 'grape', cd: [Array] },
{ id: 'は', fruits: 'grape', cd: [Array] },
{ id: 'は', fruits: 'grape', cd: [Array] }
]
}