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

最新推荐文章于 2023-08-09 09:57:02 发布

原创最新推荐文章于 2023-08-09 09:57:02 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js #vue

笔记专栏收录该内容

53 篇文章

订阅专栏

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

需要通过区分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
            }
          })

打印出来新数组：