Javascript按数组字段分组并减少

如何解决Javascript按数组字段分组并减少

我有这个数组。我想按 createdAt 分组。

 [
    {
      "createdAt": "2021-05-17T14:55:29.836Z","machine": {
        "label": "MAQ_100",},{
      "createdAt": "2021-03-10T13:22:45.694Z","machine": {
        "label": "MAQ_33",{
      "createdAt": "2021-03-10T13:22:44.766Z",{
      "createdAt": "2019-04-13T10:06:13.120Z",{
      "createdAt": "2015-05-01T09:48:08.463Z","machine": {
        "label": "MAQ_77",}
],

这是我预期的结果。我希望之前的数组按 createdAt 分组,如果每个项目具有相同的 createdAt,则推送每个项目。

[
    {"createdAtDates": ["17-05-2021"]},{"createdAtDates: ["10-03-2021","10-03-2021"]},{"createdAtDates": ["13-04-2019"]},{"createdAtDates": ["01-05-2015","01-05-2015"]}
]

这就是我所做的:

grouppedPallets() {
     return this.items.reduce(function (pallets,pallet) {
       const groups = pallets.filter((item) => item.date === pallet.date);
       const found = groups.length === 1;
       const group = found ? groups[0] : { createdAt: pallet.date,createdAtDates: [] };

       group.createdAtDates.push(pallet.date);
       if (!found) pallets.push(group);

       return pallets;
     },[]);
},items() {
     return this.palletsConnection
       ? 
         this.palletsConnection.values.map((pallet) => ({
           ...pallet,date: formatDate(pallet.createdAt),//FORMAT DD-MM-YYYY
         }))
       : [];
   },

这就是我的 grouppedPallet() 所做的:

[
    {
      "createdAt": "17-05-2021","createdAtDates": ["17-05-2021"]
    },{
      "createdAt": "10-03-2021","createdAtDates": ["10-03-2021","10-03-2021"]
    },{
      "createdAt": "13-04-2019","createdAtDates": ["13-04-2019"]
    },{
      "createdAt": "01-05-2015","createdAtDates":["01-05-2015","01-05-2015"]
    }
]

我只想在减少数组后存储 createdAtDates

解决方法

您可以轻松地在 items 数组上实现第一个映射,并使用正则表达式获取 dd-mm-yyyy 格式的数据,然后使用 reduce 生成最终结果。

const items = [
  {
    createdAt: "2021-05-17T14:55:29.836Z",machine: {
      label: "MAQ_100",},{
    createdAt: "2021-03-10T13:22:45.694Z",machine: {
      label: "MAQ_33",{
    createdAt: "2021-03-10T13:22:44.766Z",{
    createdAt: "2019-04-13T10:06:13.120Z",{
    createdAt: "2015-05-01T09:48:08.463Z",machine: {
      label: "MAQ_77",];

const result = items
  .map(({ createdAt }) => {
    return {
      createdAtDates: createdAt
        .split("T")[0]
        .replace(/(\d{4})-(\d{2})-(\d{2})/,"$3-$2-$1"),};
  })
  .reduce((acc,curr) => {
    const { createdAtDates } = curr;
    const isExist = acc.find((o) => {
      return o.createdAtDates[0] === createdAtDates;
    });
    if (isExist) {
      isExist.createdAtDates.push(createdAtDates);
    } else {
      acc.push({ createdAtDates: [createdAtDates] });
    }
    return acc;
  },[]);

console.log(result);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?