配列に値を追加したいです

Question

すみません、ある配列に値を追加する(同じkey名なら片方にcolor追加する)方法がわからず苦戦しています、、。
以下、２つの配列があります。

【追加したい側の配列】

  // 追加したい側
  siteList = [
    {
      key: "aaa",
      value: "Aです",
      sort: 1
    },
    {
      key: "bbb",
      value: "Bです",
      sort: 2
    },
    {
      key: "ccc",
      value: "Cです",
      sort: 3
    },
    {
      key: "ddd",
      value: "Dです",
      sort: 4
    }
  ];

【追加されたい側の配列】

  // 追加されたい側
  colorList = [
    {
      key: "aaa",
      color: {
        a: "#111111",
        b: "#222222",
        c: "#333333"
      }
    },
    {
      key: "bbb",
      color: {
        a: "#444444",
        b: "#555555",
        c: "#666666"
      }
    },
    {
      key: "ccc",
      color: {
        a: "#777777",
        b: "#888888",
        c: "#999999"
      }
    },
    {
      key: "ddd",
      color: {
        a: "#cccccc",
        b: "#dddddd",
        c: "#eeeeee"
      }
    }
  ];

keyが同じならその配列にcolorを追加したいです。
【求める実行結果】

  // 加工後
  siteList = [
    {
      key: "aaa",
      value: "Aです",
      sort: 1,
      color: {
        a: "#111111",
        b: "#222222",
        c: "#333333"
      }
    },
    {
      key: "bbb",
      value: "Bです",
      sort: 2,
      color: {
        a: "#444444",
        b: "#555555",
        c: "#666666"
      }
    },
    {
      key: "ccc",
      value: "Cです",
      sort: 3,
      color: {
        a: "#777777",
        b: "#888888",
        c: "#999999"
      }
    },
    {
      key: "ddd",
      value: "Dです",
      sort: 4,
      color: {
        a: "#cccccc",
        b: "#dddddd",
        c: "#eeeeee"
      }
    }
  ];

自分でやったことはforで追加されたい側の配列を取り出して、filterを利用してkey名が同じならcolorを追加できればと思ったんですが、私の理解が足りず思うように動きません。

    for (let i in this.siteList) {
      this.colorList.filter(function(data) {
        if (this.siteList[i]["key"] == data["key"]) {
          this.siteList[i].add["color"] = data.color;
        }
      });
    }
    console.log(this.siteList);

大変お手数ですがどなたかわかる方ご教示頂ければと思います。

Answer 1

本件、以下コードで自己解決しました！
見てくださってありがとうございました。

siteList.map(function(item) {
  colorList.filter(obj => {
    if (obj.key === item.key) {
      item.color = obj.color;
    }
  });
});