angular - 使用特定节点值从现有数组创建新数组

标签 angular angular-material angular-arrays

我有以下数组:

[
  {
    fileName: "test.pdf",
    fileUrl: "https://test-url1.com/test.pdf",
    isDeleted: true
  },
  {
    fileName: "test.pdf",
    fileUrl: "https://test-url1.com/test.pdf",
    isDeleted: true
  }
]

现在我需要从此数组创建新数组,其中仅包含 fileUrl 数据。

这样新数组将只有 fileUrl 节点及其所有链接。

我应该使用 map 或过滤方法,或任何其他建议。

谢谢

最佳答案

为此,您应该使用map

const urlArray = array.map((item: any) => item.fileUrl);

// [ "https://test-url1.com/test.pdf", "https://test-url1.com/test.pdf"]

经验法则是,如果您想更改数组的结构,请使用map,如果您想获取数组的子集,请使用filter

关于angular - 使用特定节点值从现有数组创建新数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/75613858/

相关文章:

javascript - 属性 Angular 2 的绑定(bind)不会更新具有绑定(bind) ID 的关联输入

angular - 在 angular-in-memory-web-api 中执行 PUT 或 POST 的正确方法

Angular CDK拖放,保持顺序直到下降

javascript - 以 Angular 2 复制对象数组

angular - 工具提示问题,MatTooltip 在 Angular 中不起作用

angular - 发布到 Angular 2 路由的外部服务器

angular - 如何隐藏 Material 输入

html - 如何在 md-content 中的元素中使用 anchor 链接?

Angular ngIf : Identifier 'length' is not defined

angular - 双倍绑定(bind) Angular 数组长度的简单方法,其中对象的特定属性为 'true'?