Axios VueJs响应图独特

Question

我正在尝试在VueJs前端和Spring后端中使用AXIOS检索汽车制造商ID。

在下面提供的代码中，我已经实现了，但是ID的某些重复（ 这是要发生的 ），问题是如何过滤掉重复的ID？

我的getMethod在下面。

   getMethod () {
            AXIOS.get(`/url/`)

                .then(response => {
                        if (response.status == 200) {

this.response = response.data                                     
                            this.myTest = response.data.map(mesg => mesg.carManufacterId)
                            console.log(this.myTest)

                        }
                    },
                    (err) => {                

                       if (err.response.status == 500) {

                            console.log('turned off')
                        }
                        else if (err.response.status == 404) {                         
                                console.log('Could not retrieve)
                        }
                    })

        },

Answer 1

您可以通过遍历响应数据数组并在每次迭代中检查新项目是否已经基于carManufacterId进入myTest数组来实现该carManufacterId ：

this.myTest = []
response.data.forEach(item => {

  if (!this.myTest.some(rec => {
      return item.carManufacterId === rec.carManufacterId
    })) {
    this.myTest.push(item);
  }
});