文字列を検索したいです

Question

すみません、教えてください。
以下の配列があります。

    // 検索させたいキーワード
    const keyNameList = ["aaa", "bbb"];

    // 検索したいリスト
    const highlightListForm = {
      value: {
        aaa0: "",
        aaa1: "",
        aaa11: "",
        aaaaa: "",
        bbb0: "",
        bbbbb: ""
      }
    };

「検索したいリスト」から以下の値を取得したいです。
前提条件：「検索させたいキーワード」の後ろは必ず半角数字のみとなっています。

["aaa0", "aaa1", "aaa11", "bbb0"]

自分でやった事は以下の処理を書いたのですがうまく正規表現を扱えず余計なKey名まで取得されてしまいます。

    let keys = [];
    for (let val of keyNameList) {
      Object.keys(highlightListForm.value).filter(item => {
        if (item.match(val)) {
          keys.push(item);
        }
      });
    }
    console.log(keys);
    // ["aaa0", "aaa1", "aaa11", "aaaaa", "bbb0", "bbbbb"]

大変申し訳ございませんが、どのように取得すればよいのか良い方法あれば教えてください。

Answer 1

        if (item.match(`^${val}\d*$`)) {

でしょうか。

Comments

[eneko0513]

こちらのほうが正ですね。
自分のやつの場合はaaaaaa11とかも拾っちゃいますね。。

[inukujira]

ありがとうございます！無事に解決しました！

Answer 2

いい方法か微妙ですがヒントになれば..。

  // 検索させたいキーワード
  const keyNameList = ["aaa", "bbb"];

  // 検索したいリスト
  const highlightListForm = {
    value: {
      aaa0: "",
      aaa1: "",
      aaa11: "",
      aaaaa: "",
      bbb0: "",
      bbbbb: ""
    }
  };


  let keys = [];
  for (let val of keyNameList) {
    Object.keys(highlightListForm.value).filter(item => {
      // itemをvalでsplitして配列にする
      let tempSplit = item.split(val);
      // valでsplitしていると要素番号0は空になるので空であることと
      // 区切った要素番号1番が数字である(isNaNは数字じゃない場合はfalseになる)ことを利用して判定
      if ((tempSplit[0] == "") && !isNaN(tempSplit[1])) {
        keys.push(item);
      }
    });
  }
  console.log(keys);
  // ["aaa0", "aaa1", "aaa11", "bbb0"]

// 追記
自分の処理の場合 aaaaaa11 も拾ってしまうのでotnさんの方を参考にしてください。