如何通过forEach循环中的属性过滤Typescript中的对象数组，并返回带有属性的组件？

interface Component {
  name: string;
  type: string;
}

const components: Component[] = [
  { name: "Component A", type: "Type A" },
  { name: "Component B", type: "Type B" },
  { name: "Component C", type: "Type A" },
  { name: "Component D", type: "Type C" },
];

const filteredComponents: Component[] = [];

components.forEach((component) => {
  if (component.type === "Type A") {
    filteredComponents.push(component);
  }
});

console.log(filteredComponents);