【JavaScript】ある配列を作りたい

Question

前提・実現したいこと

JavaScriptである配列を作りたいです。

該当のソースコード

const data1 = [
  {
    "2020/06/01": {
      "A": 4,
      "A_price": 4000,
      "B": 2,
      "B_price": 200,
    }
  }
]
const data2 = [
  {
    date: "2020/06/01",
    total_price: 4200,
    price_detail: [
      { name: "Aさん", price: 4000, num: 4 },
      { name: "Bさん", price: 200, num: 2 }
    ]
  }
]

上記のようなデータから以下のような配列を作りたいのですが、良い方法が思いつきません。

const result = [
  {
    date: "2020/06/01",
    id: "A",
    name: "Aさん",
    price: 4000,
    num: 4
  },
  {
    date: "2020/06/01",
    id: "B",
    name: "Bさん",
    price: 200,
    num: 2
  }
]

「data1」と「data2」のデータ構造そのものには、「result」配列内の「id」のような概念が存在しないのですが、ここでは、「id」というプロパティ名で、「A」ならば「Aさん」、「B」ならば「Bさん」のように、マッピングしたいです。
上記のresult配列を作る良い案等がございましたら、ご教授願えますと幸いです。

※ 追記
@jun68yktさんのご回答から上記の例の場合、「data2」の情報のみで「result」配列が作成可能でした。。。
ご回答ありがとうございました。

また、下記のように、もし「data1」にしかない情報を「result」配列に格納したい場合は、
どのような方法が望ましいでしょうか？

const data1 = [
  {
    "2020/06/01": {
      "A": 4,
      "A_price": 4000,
      "A_tel": 09011111111
      "B": 2,
      "B_price": 200,
      "B_tel": 08011111111
    }
  }
]
const data2 = [
  {
    date: "2020/06/01",
    total_price: 4200,
    price_detail: [
      { name: "Aさん", price: 4000, num: 4 },
      { name: "Bさん", price: 200, num: 2 }
    ]
  }
]

const result = [
  {
    id: "A",
    name: "Aさん",
    price: 4000,
    num: 4,
    tel: [phone]
  },
  {
    id: "B",
    name: "Bさん",
    price: 200,
    num: 2,
    tel: [phone]
  }
]

ご回答宜しくお願い致します。。。

Comments

[Lhankor_Mhy]

"B": 2,
"A_price": 200,

↑これは間違いではありませんか？

[eroeronnnnnn]

ご指摘ありがとうございます。上記認識にお間違いございません。恐縮ながら修正いたしました。

Answer 1

こんにちは

ぱっと見だと、resultを作るのに必要な情報は、 data2[0] の中に全てあると思われました。
それと、id の作り方として、 "Aさん" の id は "A"、 "Bさん"のidは "B" という感じで、単純に nameの末尾の さんを削除すればid になるのでしたら、以下でよいかと思われます。

const result = data2[0].price_detail.map(e => ({
  date: data2[0].date,
  ...e,
  id: e.name.replace(/さん$/, '')
}));

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/NWGEeZM?editors=0012

もし result を作るのに、data1 も必要なのだとすれば、どのように必要なのかを、ご質問に追記いただくと助かります。

以上、参考になれば幸いです。

Comments

[eroeronnnnnn]

ご回答ありがとうございます。
確かに、`data2[0]`に必要な情報が揃ってましたね。。。
ちょっと例題が悪かったです、すみません。
IDの作成方法参考になりました！ありがとうございます。

また、質問のほうに追記したのですが、「data1」の値も必要な場合で、「result」に含めたい場合の方法とかご存じでしたら、ご教授願えますと幸いです。

[jun68ykt]

コメントありがとうございます。
ご質問への追記に対応したコード例が以下です。

https://codepen.io/jun68ykt/pen/rNOQPpV?editors=0012

参考になりましたら幸いです。

[eroeronnnnnn]

ご回答ありがとうございます。とても参考になりました！
見事にIDやtelを連携させらていて凄いです！
ベストアンサーとさせて頂きます。

[jun68ykt]

どういたしまして????
> とても参考になりました！
とのことでよかったです????

Answer 2

ちょっとサンプルが少ないのと、data1とdata2をどう紐づけるか
条件も足りないようです

const result=data2[0].price_detail.map(x=>{
  return Object.assign(x,{
  date:data2[0].date,
  name:Object.entries(data1[0][data2[0].date]).filter(y=>y[1]==x.num).map(x=>x[0])[0],
  });
});
console.log(result);

Comments

[eroeronnnnnn]

ご回答ありがとうございます。
entriesやassignでのオブジェクト操作参考になります！
ありがとうございます。

Answer 3

単なる変数であるなら、const(定数)にする必要はないかと思います。

このデータ構造なら、jsonが扱いやすいかと。
【JavaScript入門】JSONの作成とparse() / stringify()の使い方！