2017-02-10 7 views
0

У меня есть следующие JSON Файл: http://pastebin.com/1TguvZXcКак изменить трубку для удаления повторяющихся записей?

Дубликат 'тело' можно найти в массиве путем обхода через массив:

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» в любом из массива стилей?

+1

вы можете использовать '' Array' indexOf' или 'includes' метода. Проверьте совместимость браузера для 'includes' – Agalo

+0

Я относительно новичок в javascript, можете ли вы уточнить, где бы я разместил этот метод, чтобы отфильтровать результаты' year.styles = year.styles.filter (style => { return style.submodel.body === search; }); '? – Moshe

+1

Предлагаю создать новый массив для хранения 'styles', а затем проверить наличие стиля в созданном массиве. – Agalo

ответ

2

В принципе, вам необходимо использовать функцию 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 => 
 
\t \t \t year.styles = year.styles.filter(removeDuplicate) 
 
\t \t \t)); 
 
console.log(jsonData);

+0

именно то, что я искал! Будут применяться и реагировать с любыми проблемами. Благодаря! @Agalo – Moshe

+0

Работает ли он? – Agalo

+0

да это работает :) – Moshe