how to loop through and remove the object in which array is empty

Question

  FilterCriterias: any = []

  public productChanged(filterValue: any) {

      if(this.FilterCriterias?.length == 0) {
        this.FilterCriterias.push({
          filtercolumnName: 'productType',
          filterValueList: [filterValue.name]
        })
      } else {
        this.FilterCriterias.forEach((elem: any, index: number) => {
          if(elem.filtercolumnName == 'productType') {
            const idx = elem.filterValueList.indexOf(filterValue.name)
            if(idx >= 0) {
                elem.filterValueList.splice(idx, 1)
                // if (elem.filterValueList?.length == 0 && elem.filtercolumnName == 'productType') {
                //   const idy = elem.filtercolumnName.indexOf('productType')
                //   if (idy > 0) {
                //     this.FilterCriterias.splice(idy, 1)
                //   }
                // }
            } else {
              elem.filterValueList.push(filterValue.name)
            }
          } else {
            this.FilterCriterias.push({
              filtercolumnName: 'productType',
              filterValueList: [filterValue.name]
            })
          }
        });
      }

      this.FilterCriterias.forEach((element: any) => {
        if(element.filterValueList.length == 0 && element.filtercolumnName == 'productType') {
          console.log(true);
          const idy = element.filtercolumnName.indexOf('productType')
          console.log(idy);
        }
      });

       // removing the duplicates
       var filtered = this.FilterCriterias.reduce((filtered: any, item: any) => {
        //  console.log(item);
        if(!filtered.some((filteredItem: any) => JSON.stringify(filteredItem.filtercolumnName) == JSON.stringify(item.filtercolumnName)))
        filtered.push(item)
        return filtered
      }, [])

    console.log('filtered',filtered);

  }

     public collectionChanged(filterValue: any) {
      
      if(this.FilterCriterias?.length == 0) {
        this.FilterCriterias.push({
          filtercolumnName: 'collections',
          filterValueList: [filterValue.name]
        })
      } else {
        this.FilterCriterias.forEach((elem: any, index: number) => {
          if(elem.filtercolumnName == 'collections') {
            const idx = elem.filterValueList.indexOf(filterValue.name)
            if(idx >= 0) {
                elem.filterValueList.splice(idx, 1)
              // if(elem.filterValueList?.length == 0) {
              //   const idy = elem.filtercolumnName.indexOf('collections')
              //   console.log('collectoinindex',idy);
              //   if(idy > 0) {
              //     this.FilterCriterias.splice(idy, 1)
              //   }
              // }
            } else {
              elem.filterValueList.push(filterValue.name)
            }
          } else {
            this.FilterCriterias.push({
              filtercolumnName: 'collections',
              filterValueList: [filterValue.name]
            })
          }
        });
      }

      this.FilterCriterias.forEach((element: any) => {
        if(element.filterValueList.length == 0  && element.filtercolumnName == 'collections') {
          console.log(true);
          const idy = element.filtercolumnName.indexOf('collections')
          console.log(idy);
        }
      });


       // removing the duplicates
       var filtered = this.FilterCriterias.reduce((filtered: any, item: any) => {
        //  console.log(item);
        if(!filtered.some((filteredItem: any) => JSON.stringify(filteredItem.filtercolumnName) == JSON.stringify(item.filtercolumnName)))
        filtered.push(item)
        return filtered
      }, [])

    console.log('filtered',filtered);
  }

I am having two functions in which I want to generate a format like below

    FilterCriterias: [
            {
            filtercolumnName:`producttype`,
            filterValueList: [`hat`, 'cup']
          },
          {
            filtercolumnName: "collections",
            filterValueList: [`modern`, 'pant']
           },
        ]

if the filterValueList.length == 0 means i want to remove the entire object which hold the filerValueList.length == 0. For Example, if filterValueList of collections is empty means only the producttype needs to be there in the array.

Amer · Accepted Answer · 2021-09-13 07:47:09Z

2

You can achieve that using Array.filter function, like the following:

this.FilterCriterias = this.FilterCriterias.filter(
  (item) => !!item.filterValueList.length
);

answered Sep 13, 2021 at 7:47

Amer

6,7442 gold badges11 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Menma · Accepted Answer · 2021-09-13 07:38:59Z

0

I am guessing this should do the job if I understood correctly what you want to do. This will loop through all objects of the array, check if their filterValueList array is empty and if so, it will remove them from the array:

let i = 0;
while (i < FilterCriterias.length) {
    if(FilterCriterias[i].filterValueList.length == 0) {
        FilterCriterias.splice(i, 1);
    } else {
        i++;
    }
}

answered Sep 13, 2021 at 7:38

Menma

3661 silver badge4 bronze badges

Collectives™ on Stack Overflow

how to loop through and remove the object in which array is empty

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related