返回对象数组(来自对象数组)

2024-01-10

我有以下数据,我想返回一个(对象)数组years是不同的。

我尝试了以下函数,但我得到了数组中的数组。

const data = [{
    id: 1,
    name: "test1",
    years: [{
      id: 1,
      name: "year1"
    }, {
      id: 2,
      name: "year2"
    }]
  },
  {
    id: 2,
    name: "test2",
    years: [{
      id: 1,
      name: "year1"
    }]
  },
]

let years = data.map((s) => {
  return s.years
})
let distinctYears = Array.from(new Set(years.map(c => c.id))).map(id => {
  return {
    id: id,
    name: years.find(c => c.id === id).name,
  }
})

console.log(distinctYears);

期望的结果:

[
  {id: 1, name: "year1"},
  {id: 2, name: "year2"}
]

Since s.years()是一个数组,并且data.map()返回结果数组,years必然是数组的数组。

而不是使用.map(), use .reduce()将它们连接起来。

const data = [{
    id: 1,
    name: "test1",
    years: [{
      id: 1,
      name: "year1"
    }, {
      id: 2,
      name: "year2"
    }]
  },
  {
    id: 2,
    name: "test2",
    years: [{
      id: 1,
      name: "year1"
    }]
  },
];

const years = data.reduce((a, {
  years
}) => a.concat(years), []);
let distinctYears = Array.from(new Set(years.map(c => c.id))).map(id => {
  return {
    id: id,
    name: years.find(c => c.id === id).name,
  }
});
console.log(distinctYears);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

返回对象数组(来自对象数组) 的相关文章

随机推荐

  • 在 Gnuplot 中自定义颜色范围

    我有一个运行良好的等值线图 它为不同的值生成等量的颜色 我想要的是在右侧生成标签 以便为每个块提供正确的颜色 当前结果 我想要的是每个块都有这个值 300 100 70 30 10 1 0 编辑 当我添加这段代码时 set cbtics 3
  • 在 C++ 中使用 new 分配大于 2GB 的单个对象(在 Windows 上)

    我使用的是 Windows x64 模式 在 Visual Studio 上使用 MSVC 编译 这new当我这样做时 运算符似乎没有按预期工作 char buf new char 1LLU lt lt 32 但是如果我传入一个变量而不是直
  • 如何在两个PHP文件之间传递变量?

    我在名为 one php 的文件中有以下代码 a href two php Click here for 1 a a href two php Click here for 2 a 现在 当我单击锚标记链接之一时 它会将我带到two php
  • 如何在颤振中在屏幕中央创建标签栏?

    我正在尝试使用 flutter 在屏幕中心创建一个选项卡栏 同时尝试在列中给出 TabBarView 但我陷入了这个错误 请解决这个问题 I flutter 3983 EXCEPTION CAUGHT BY RENDERING LIBRAR
  • 是否可以像 Matlab 一样在 IPython 中显示对象实例变量?

    我正在尝试从 Matlab 转向 Python 而魔法 IPython 很好 Matlab 的一个非常好的功能是您可以在命令行上 通过省略 看到相关对象的实例变量 在 Matlab 中称为属性 这在 python 中可能吗 我猜是通过 IP
  • firebase实时数据库分片规则

    2019 11 03 更新 添加了错误的实时最小再现 https shardautherror firebaseapp com 在 Chrome 中加载链接后 按 ctrl shift i 并选择控制台以查看输出 我已尽力确保这完全符合我原
  • 警告:列表中的每个子项都应该有一个唯一的“key”道具,即使它有唯一的 key React

    所以我想渲染数组 但它一直说 警告 列表中的每个子项都应该有一个唯一的 key 道具 即使它有唯一的键 我的数组包含三个元素 它甚至不能正确渲染第三个数组 由于某种原因 该按钮甚至无法在第三里工作 import React useEffec
  • 超级能力:仅当字符串以行开头时才将其与分词器匹配

    在超级能力中进行标记时 仅当字符串是一行中的第一件事时 如何匹配字符串 注意 这是一个与this one https stackoverflow com questions 52706549 superpower match a strin
  • 如何使用php访问Oracle APEX的数据库?

    我刚刚发现PHP and APEX互相对比 我想做的是操纵Oracle数据库使用PHP代替APEX 我想要这样做的主要原因是免费使用 Oracle 数据库 作为初学者 您可能会发现这很有用 http php net manual en fu
  • 相对布局忽略 setMargin()

    我正在尝试嵌套一个RelativeLayout里面的一个LinearLayout 并给出RelativeLayout将其边缘与边缘的边缘隔开的边距LinearLayout 到目前为止我有这个 LayoutInflater from cont
  • VueJS - Vue 未定义

    我挑战自己编写一个应用程序 从 API 获取数据并将其显示在各种组件中 我对 VueJS 还很陌生 我使用 VueResource 来访问 API 使用 VueX 来进行状态管理 我已经设置了我的商店 我添加了操作 突变和吸气剂等 一旦我添
  • Visual Studio 2015 解决方案向后兼容 Visual Studio 2013

    看来我可以在 VS 2015 中打开 VS 2013 解决方案文件 我有几个关于向后兼容性的问题 能否在 VS 2015 中安全地维护 VS 2013 解决方案 而不会失去在 VS 2013 中处理该解决方案的能力 VS 2015 解决方案
  • iOS:注册令牌无效。检查令牌格式

    我是 Firebase 和 iOS 的新手 我正在尝试使用 FCM 发送推送通知 我在 FCM 上注册了一个 iOS 应用程序 两个都 p12添加了证书 根据FCM开发的代码 通过发送通知时Firebase 控制台 https fireba
  • Kindle SDK 语言/平台

    有谁知道新的语言 平台是什么会支持吗 Kindle 开发工具包 KDK 基于 Java 来自FAQ https kindlepublishing amazon com gp vendor kindlepubs kdk get content
  • 如何克隆对象

    当我执行以下操作时 对人 b 所做的任何操作都会修改人 a 我认为这样做会从人 a 克隆人 b 我也不知道链接后更改人员 a 是否会更改人员 b 由于我现在的代码 我只能在 1 个方向看到这一点 Person a new Person he
  • Excel (Office 365) 在执行 UDF 时自动重新启动

    在此先感谢您的帮助 我不确定 UDF 中的问题出在哪里 但执行程序后 Excel 自动重新启动 并且还显示 MsxBox 两次和参考值 Public queryString As String Public Function SetIt R
  • RSA 解密 C# (.NET 3.5) 中的数据,该数据在 php 5.3.2 中使用 openssl 加密

    也许有人可以澄清我 我已经在这上面冲浪有一段时间了 步骤 1 创建根证书 Key generation on unix 1 openssl req x509 nodes days 3650 newkey rsa 1024 keyout pr
  • 在没有 XML 的 Spring 4 中使用 EhCache

    有没有一种方法可以在 Spring 4 中或使用 Spring Boot 中不使用 xml 来初始化 EhCache 我注意到 Spring Boot 1 0 0 RC3 没有任何 ehcache 依赖项 但是Spring 4 0GA 发布
  • 在 AWS S3 中创建对象的新版本是最终一致还是写后读一致?

    我从 Amazon 的文档中看到 将新对象写入 S3 是写后读一致的 但更新和删除操作最终是一致的 我猜想推动新版本打开版本控制的对象最终会像更新一样保持一致 但我找不到任何文档来确认 有人知道吗 编辑 我的问题是关于指定或不指定显式版本的
  • 返回对象数组(来自对象数组)

    我有以下数据 我想返回一个 对象 数组years是不同的 我尝试了以下函数 但我得到了数组中的数组 const data id 1 name test1 years id 1 name year1 id 2 name year2 id 2