根据条件从数组中删除特定项目并返回 javascript 中的其他项目

Question

I have an array with objects below

selectedOption = [
    {
            id: 'REPORTORDER',
            name: 'reportOrder'
        },
    {
            id: 'REORDER',
            name: ‘reorder'
        },
    {
            id: 'RETURNPRODUCTS',
            name: 'returnProducts'
        },
     {
            id: 'ENTERPO',
            name: 'enterPo'
        }
]

Based on a condition that if shipmentStatus is "CANCELLED" and entriesList is [] I want to remove the second item from the above array.

I have tried using filter method as written below:

selectedOption.filter(item => (shipmentStatus == "CANCELLED" && entriesList == []) ? item.name != "reorder" : item.name)

Answer 1

If I got you right you want to mutate array based on external condition, in that case, you must check condition outside filter like this

 let condition = true; let selectedOption = [{ id: 'REPORTORDER', name: 'reportOrder' }, { id: 'REORDER', name: 'reorder' }, { id: 'RETURNPRODUCTS', name: 'returnProducts' }, { id: 'ENTERPO', name: 'enterPo' } ]; if (condition) selectedOption = selectedOption.filter(item => item.name.= 'reorder') console.log(selectedOption)

Answer 2

1. filter returns a new array, so you'll need to reassign selectedOption to the result of filter .

2. The conditional will always fail since entriesList will never equal a new empty array. It's better to check if the array is empty by comparing the length to zero.

3. It's better to check the global conditions outside the filter.

if (shipmentStatus === 'CANCELLED' && Array.isArray(entriesList) && entriesList.length === 0) {
   selectedOption = selectedOption.filter(
     (item) => item.name != 'reorder'
   );
}

Answer 3

    const selectedOption = [
  {
    id: 'REPORTORDER',
    name: 'reportOrder',
  },
  {
    id: 'REORDER',
    name: 'reorder',
  },
  {
    id: 'RETURNPRODUCTS',
    name: 'returnProducts',
  },
  {
    id: 'ENTERPO',
    name: 'enterPo',
  }];

const shipmentStatus = 'cancelled';
const entriesList = [];

console.log(selectedOption.filter((x) => (x.name !== 'reorder') || !(shipmentStatus === 'cancelled' && !entriesList.length)));