Sophisticated filtration mechanism involving two entities and a binary condition

Question

Sophisticated filtration mechanism involving two entities and a binary condition

I have an array called burgerActions :

[
  {
    statusId: 2,
    label: 'Accept'
  },
  {
    statusId: 3,
    label: 'Reject'
  },
  {
    label: 'Consult'
  },
  {
    label: 'Transfer'
  }
]

and also this object named status which can be either :

{
  "label": "Accept",
  "id": 2
}

or :

{
  "label": "Reject",
  "id": 3
}

In the first scenario, a new array needs to be created from the burgerActions array where the statusId does not match the id of the status object provided (we have only one status object from the two cases listed). To achieve this, the filter method is utilized :

const result =  burgerActions.filter((element) => {
  return element.statusId !== recommendation.status.id
})

In the second scenario, a more complex condition needs to be applied alongside using boolean values

const statusRef = recommendation.recipient

In the first situation, I need to filter out the last object in the burgerAction array ({label: 'Transfer'}) if statusRef is false, but not when it's true. A method that accomplishes this type of filtering without direct if () conditions is required due to multiple scenarios being present.

javascript arrays object ecmascript-6 javascript-objects

Answer 1

Answer №1

If you're looking to sort out the items that don't match the statusId from the recommendation.status.id and if

recommendation.recipient === true

, then filter out those without a statusId, you can implement this condition in the filtering callback function:

element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;

The logic behind

&& recommendation.recipient ? element.statusId != null : true

is to filter elements with a statusId only if recommendation.recipient is set to true.

Here's how your code should look like:

var recommendation = {
  status: {
    "label": "Pending",
    "id": 1
  },
  recipient: true
};

const result = burgerActions.filter((element) => {
  return element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;
});

Demo:

var burgerActions = [{
    statusId: 2,
    label: 'Accept'
  },
  {
    statusId: 3,
    label: 'Reject'
  },
  {
    label: 'Consult'
  },
  {
    statusId: 1,
    label: 'Transfer'
  }
];

var recommendation = {
  status: {
    "label": "Pending",
    "id": 1
  },
  recipient: true
};

const result = burgerActions.filter((element) => {
  return element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;
});

console.log(result);

Answer 2

If you're looking to sort out the items that don't match the statusId from the recommendation.status.id and if

recommendation.recipient === true

, then filter out those without a statusId, you can implement this condition in the filtering callback function:

element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;

The logic behind

&& recommendation.recipient ? element.statusId != null : true

is to filter elements with a statusId only if recommendation.recipient is set to true.

Here's how your code should look like:

var recommendation = {
  status: {
    "label": "Pending",
    "id": 1
  },
  recipient: true
};

const result = burgerActions.filter((element) => {
  return element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;
});

Demo:

var burgerActions = [{
    statusId: 2,
    label: 'Accept'
  },
  {
    statusId: 3,
    label: 'Reject'
  },
  {
    label: 'Consult'
  },
  {
    statusId: 1,
    label: 'Transfer'
  }
];

var recommendation = {
  status: {
    "label": "Pending",
    "id": 1
  },
  recipient: true
};

const result = burgerActions.filter((element) => {
  return element.statusId !== recommendation.status.id && recommendation.recipient ? element.statusId != null : true;
});

console.log(result);

Sophisticated filtration mechanism involving two entities and a binary condition

Answer №1

Similar questions

What are the benefits of using `observer` over `inject` when passing data to a React component in MobX?

Mastering the art of nesting loops for optimal efficiency

How can you determine the number of elements that match in two arrays?

Verify whether a dependency is being passed into an Angular component

Unlock the Potential of Spring REST-JWT-JavaScript for Seamless Transitions

Transmit information from the backend Node.js to the frontend (without using sockets)

Searching dynamically using class names with JQuery

Pass information from JavaScript to PHP without using a form

Showing a series of text entries one after the other, each appearing with a smooth fade-in and fade-out

Using table.column as a function in jQuery datatabbe is not supported

The signup controller encountered a malfunction with illegal arguments: an undefined value and a string

Error: Unable to establish connection with local host (::1) on port 50106

AngularJS is experiencing delays when processing subsequent $http delete requests, leaving them stuck in a

Looking for a Plugin that Can Responsively Display Images in a Vertical Layout - Does One Exist using Jquery

The Hidden Power of jQuery: Unleashing the Full Potential of .text()

Utilize AngularJS to integrate a service into the router functionality

Arranging a Multi-layered Array Based on One of Its Values

Replace specific text with a span element around it?

displaying a multi-dimensional array with the same key value in PHP

what strategies can be implemented to prioritize addressing validation errors in return forms