vue 遍历数组对象返回新数组

最新推荐文章于 2024-05-22 21:48:02 发布

paradoxaaa_

最新推荐文章于 2024-05-22 21:48:02 发布

阅读量2.2k

点赞数

分类专栏：笔记文章标签： javascript 前端 vue.js vue

本文链接：https://blog.youkuaiyun.com/paradoxaaa_/article/details/127888902

版权

笔记专栏收录该内容

49 篇文章

订阅专栏

本文介绍了一种从混合数据集中筛选并提取特定类型数据的方法。通过使用JavaScript的filter和map方法，能够有效地根据'dataType'属性将数据集分为'CP'类型和'FT'类型的两个数组，并保留'lotId'和'yield'这两个关键属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要通过区分dataType 把对象中的其他属性提取出来存进新数组

解决：

this.cpList = res.data.ftVsCpList.filter(item => item.dataType === 'CP').map(item => {
            return {
              lotId: item.lotId,
              yield: item.yield
            }
      })
this.ftList = res.data.ftVsCpList.filter(item => item.dataType === 'FT').map(item => {
            return {
              lotId: item.lotId,
              yield: item.yield
            }
          })

打印出来新数组：