我有以下数组:

[
  {
    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 node 及其所有链接.

我应该使用MAP或筛选器方法,还是其他任何建议.

谢谢

推荐答案

你应该用map来做这个.

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

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

经验法则是,如果您想要更改数组的 struct ,则使用map;如果您想获得数组的子集,则使用filter.

Angular相关问答推荐

如何在HTMLTITLE属性中使用Angular 显示特殊字符?

如何在init为FALSE时以Angular 初始化主拇指擦除器-Swiper 11.0.6Angular 17 SSR

带输入的单位测试Angular 分量.需要

对子router-outlet 应用主机样式

是否可以将Angular 路由配置为在点击带有本地人力资源S的锚点时更新Angular 路由?

NGNEW不会在src根文件夹ANGLI CLI 17.0.10中生成app.mode.ts

根据环境变量动态加载Angular templateUrl

Router.navigate() 在功能拦截器内不起作用

ngrx 效果等到从初始值以外的其他状态收到响应

手动关闭 SSE 连接:Angular

如何访问父组件中提供的 TemplateRef 内的服务?

异步管道模板中的局部变量(Angular 2+)

Angular ngFor 索引从 1 开始 循环

请添加@Pipe/@Directive/@Component 注解

ViewChild 和 ContentChild 的所有有效 Select 器是什么?

如何添加/设置环境 Angular 6 angular.json 文件

Angular Material2 主题 - 如何设置应用程序背景?

如何在Angular中使用带有 td 属性 colspan 的属性绑定?

Firestore 从集合中获取文档 ID

No provider for Router?