変数から値を抽出したい

Question

すみません。
教えてください。

抽出対象のkeyを元にfiled_typeに一致するものを抽出するにはどのようにすれば良いでしょうか？

【サンプルデータ】
https://stackblitz.com/edit/js-zvkwwn

// 抽出対象
const data = {
  birthday: "200X/01/01",
  tel: "012-0123-5678",
  name: "ここに名前",
}

// 抽出したいもの
const resforms = [
  {
    filed_type: "name",
    formid: "V3DBs1xE6GIK",
  },
  {
    filed_type: "tel",
    formid: "SJpTA1mOfcK3",
  },
  {
    filed_type: "birthday",
    formid: "zLK-dokxmIeo",
  },
]

【求める結果】

// dataのkeyから一致するfiled_typeを抽出したよ
items = [
  {
    formid: "V3DBs1xE6GIK",
    name: "ここに名前",
  },
  {
    formid: "SJpTA1mOfcK3",
    name: "012-0123-5678",
  },
  {
    formid: "zLK-dokxmIeo",
    name: "200X/01/01",
  },
]

filterを使って処理しようとしてもdataがただの配列なのでうまく扱えず何時間もこの問題に格闘しています。
どうかご教示くださいませ。＞＜；

Comments

[m.ts10806]

何時間も格闘したのは良いとして、調べたり試したりしたことを何も書いてなければ他者には何もやったことは伝わりませんので、具体的に記載してください。
時間だけ書く効果はゼロです。

Answer 1

どのようにすれば良いでしょうか？

基本は 反復処理です。

object に対して for in のような反復処理があります。

console.group("test for-in");
for (let key in data ) {
  console.log( key, data[key] );
}
console.groupEnd();

dataがただの配列なので

違います。リテラルを確認してください（オブジェクトリテラルなので、配列ではありません）。

また、配列の反復処理(filter)が理解できているなら、オブジェクトを配列化する３つのメソッド再確認してください。

• Object.keys()
• Object.values()
• Object.entries()

for of を使う。

console.group("test for-of");
for (let [key, val] of Object.entries(data) ) {
  console.log( key, val );
}
console.groupEnd();

配列化できれば、反復処理を Arrayのメソッドで対応できます。

console.group("test forEach");
Object.entries(data).forEach( ([filed_type,formid]) => {
  console.log({filed_type,formid})
});
console.groupEnd();

ご質問の items を取り出すには、reduce() が最もスマートに記述できるのではないでしょうか。

Answer 2

配列なら、最初から順番に配列のナカミを読み出していき、あなたのその条件にあっているかどうかをチェックしていけばいいという話となります

一度これでコードを組んでみてください