js数组对象长度补短

fxk01

已于 2024-04-30 11:44:50 修改

阅读量194

点赞数 7

文章标签： javascript 前端开发语言

于 2024-04-30 11:34:27 首次发布

本文链接：https://blog.csdn.net/fxk01/article/details/138339875

版权

文章讲述了对给定数据进行处理，填充2号名称中的计检值为0，并对比1号和3号名称中计检与暂检的值。展示了在IT技术背景下，如何处理和补充数据缺失情况。

摘要由CSDN通过智能技术生成

如

const data = [
  {
    data: [
      {
        name: '计检xx',
        value: 1
      },
      {
        name: '暂检xx',
        value: 2
      }
    ],
    name: '1号名称'
  },
  {
    data: [
      {
        name: '暂检xx',
        value: 520
      }
    ],
    name: '2号名称'
  },
  {
    data: [
      {
        name: '计检xx',
        value: 66
      },
      {
        name: '暂检xx',
        value: 77
      }
    ],
    name: '3号名称'
  }
]

补短之后

const data = [
  {
    data: [
      {
        name: '计检xx',
        value: 1
      },
      {
        name: '暂检xx',
        value: 2
      }
    ],
    name: '1号名称'
  },
  {
    data: [
      {
        name: '计检xx',
        value: 0
      },
      {
        name: '暂检xx',
        value: 520
      }
    ],
    name: '2号名称'
  },
  {
    data: [
      {
        name: '计检xx',
        value: 66
      },
      {
        name: '暂检xx',
        value: 77
      }
    ],
    name: '3号名称'
  }
]

const seriesNameArr: any = []

let max = data.reduce((prev: { data: string | any[] }, next: { data: string | any[] }) => {
          return prev.data.length > next.data.length ? prev : next
        })
        data.forEach((item: any) => {
          if (item.data.length < max.data.length) {
            const result = max.data
              .filter((i: { name: any }) => !item.data.find((j: { name: any }) => j.name === i.name))
              .concat([item].filter(i => ![item].find(j => j.name === i.name)))
              .map((d: any) => {
                return {
                  ...d,
                  value: 0
                }
              })
            item.data = [...item.data, ...result]
          }
          item.data.forEach((chiData: any) => {
            seriesNameArr.push(chiData.name)
          })
        })

书写不易，支持一下吧！