Filtering an array according to 7 checkboxes in a form
The first thing I notice is that this:

if (this.deliveryConcession[0].checked) {
  this.allItems = this.allItems.filter(fil =&gt; fil.deliveryconcession.readytoship === this.deliveryConcession[0].checked);
}


Is the same as

if (this.deliveryConcession[0].checked) {
  this.allItems = this.allItems.filter(fil =&gt; fil.deliveryconcession.readytoship);
}


As a second step I would refactor this to something like:

deliveryConcession = [
    { id: 1, name: 'Ready to ship(paper)', checked: false, key: 'readytoship' },
   ...
];

function filterItems(items, concessions, name) {
  for (let k in concessions) {
    let concession = concessions[k]; 
    if (concession.checked)
      items = items.filter(fil =&gt;  fil[name][concession.key] )
  }
  return items;
}

this.allItems = filterItems(this.all Items, this.deliveryConcessions, 'deliveryConcession');


An alternative might be to define your hash as:

deliveryConcession = [
    { id: 1, name: 'Ready to ship(paper)', checked: false, filter: fil =&gt; fil.deliveryConcession.readyToShip },
   ...
];

function filterItems(items, concessions, name) {
  for (let k in concessions) {
    let concession = concessions[k]; 
    if (concession.checked)
      items = items.filter(concession.filter)
  }
  return items;
}