javascript - 如何修改管道以删除重复项？

我有以下JSON文件：http://pastebin.com/1TguvZXc

遍历数组可以在数组中找到重复的“ body”：

models[x].years[y].styles[z].submodel.body

换一种说法：

 models[0].years[0].styles[0].submodel.body

应该检查以下项中的重复项：

models[0].years[0].styles[1].submodel.body
models[0].years[0].styles[2].submodel.body
models[0].years[0].styles[n].submodel.body

其余数据对我来说毫无用处。

我有以下管道：

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'filterByCategory'
})
export class FilterByCategoryPipe implements PipeTransform {

  transform(input: any , search: string): any[] {
    if (input === undefined || input.length === 0) {
      return input;
    }

    const filteredArr: Array<any> = JSON.parse(JSON.stringify(input));

    for (const model of filteredArr) {
      for (const year of model.years) {
        year.styles = year.styles.filter(style => {
          return style.submodel.body === search;
        });
        }
      }


    return filteredArr;
  }

}

我如何在我的.filter函数中添加一个额外的“测试”，以检查任何样式数组中是否存在“ submodel.body”的值？

最佳答案

基本上，您需要使用filter函数删除重复的元素。

因此，删除重复项的函数如下所示，并使用indexOf函数

function removeDuplicate(element, index, array) {
                return array.map(style => style.submodel.body).indexOf(element.submodel.body) === index;
            }

以下是可用的JS版本代码，您可以使用它，并根据您的文章中的定义添加搜索条件。

function removeDuplicate(element, index, array) {
            return array.map(style => style.submodel.body).indexOf(element.submodel.body) === index;
        }

var data = '{"models":[{"id":"Acura_ILX","name":"ILX","niceName":"ilx","years":[{"id":401640361,"year":2017,"styles":[{"id":401640368,"name":"AcuraWatch Plus Package 4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"AcuraWatch Plus Package"},{"id":401640367,"name":"Technology Plus and A-SPEC Packages 4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"Technology Plus and A-SPEC Packages"},{"id":401640366,"name":"Premium Package 4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"Premium Package"},{"id":401640365,"name":"Premium and A-SPEC Packages 4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"Premium and A-SPEC Packages"},{"id":401640364,"name":"Technology Plus Package 4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"Technology Plus Package"},{"id":401640363,"name":"4dr Sedan (2.4L 4cyl 8AM)","submodel":{"body":"Sedan","modelName":"ILX Sedan","niceName":"sedan"},"trim":"Base"}]}]},{"id":"Acura_NSX","name":"NSX","niceName":"nsx","years":[{"id":200779937,"year":2017,"styles":[{"id":101418796,"name":"2dr Coupe AWD (3.5L 6cyl Turbo gas/electric hybrid 9AM)","submodel":{"body":"Coupe","modelName":"NSX Coupe","niceName":"coupe"},"trim":"Base"}]}]}],"modelsCount":6}';


var jsonData = JSON.parse(data);
jsonData.models.forEach(model =>
                         model.years.forEach(year =>
			year.styles = year.styles.filter(removeDuplicate)
			));
console.log(jsonData);

关于javascript - 如何修改管道以删除重复项？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42164418/