Sorting elements in an array based on an 'in' condition in TypeScript

Question

Sorting elements in an array based on an 'in' condition in TypeScript

I am currently working with an arrayList that contains employee information such as employeename, grade, and designation. In my view, I have a multiselect component that returns an array of grades like [1,2,3] once we select grade1, grade2, grade3 from the dropdown. Is there a way to filter my employee list based on these selected grades? Something along the lines of:

this.employeeList.filter(x=> x.grade in (grade1,grade2,grade3));

Alternatively, are there other methods to achieve this? Essentially, I need to filter my employee list based on the values selected in the multiselect component. Any suggestions would be greatly appreciated since I am new to typescript.

javascript angular typescript

Answer 1

Answer №1

When it comes to handling regular variables, you have the option to wrap them in an additional array like this [var1, var2, ...] and then use the includes() method for checking:

const number1 = 5,
      number2 = 10,
      number3 = 15;
const numList = [
  { num: 5 },
  { num: 15 },
  { num: 20 },
  { num: 30 },
  { num: 35 }
];

const output = numList.filter(item => [number1,number2,number3].includes(item.num));
console.log(output) // This should display an array containing objects {"num": 5} and {"num": 15}

Answer 2

When it comes to handling regular variables, you have the option to wrap them in an additional array like this [var1, var2, ...] and then use the includes() method for checking:

const number1 = 5,
      number2 = 10,
      number3 = 15;
const numList = [
  { num: 5 },
  { num: 15 },
  { num: 20 },
  { num: 30 },
  { num: 35 }
];

const output = numList.filter(item => [number1,number2,number3].includes(item.num));
console.log(output) // This should display an array containing objects {"num": 5} and {"num": 15}

Answer 3

Answer №2

A simple way to achieve this is by using the following code snippet:

const checkGrade = x => [grade1, grade2, grade3].indexOf(x) !== -1

Answer 4

A simple way to achieve this is by using the following code snippet:

const checkGrade = x => [grade1, grade2, grade3].indexOf(x) !== -1

Sorting elements in an array based on an 'in' condition in TypeScript

Answer №1

Answer №2

Similar questions

Struggling to display a PHP success message using AJAX

A window that pops up in Angular 2

Problems with accessing Ajax login

Creating an object positioned to the right side of a div (div:right) is a matter of using CSS positioning properties

Encountering JSON error when invoking multiple functions

Verify if there is a value in at least one of the multiple input fields

MongoDB Node.js throws a RangeError when trying to push a message that exceeds the maximum call stack size

Instructions for correctly integrating the ng2-datepicker module into an Angular 2 application

XDomainRequest for cross-domain ajax is throwing an error that is difficult to understand - an empty error message

An error occurred when attempting to set state within a nested fetch

Endless loop caused by Angular UI-router's promise resolving

What is the method for modifying the label of the "No Filter" choice in the PrimeNG Column Filter?

Using the Grails asset-pipeline with an external JavaScript library

Passing data from input to Angular's $scope (filter)

Optimizing express server dependencies for a smooth production environment

Unable to scroll to the top of the page with JavaScript

When I click on .toggle-menu, I want the data-target to have a toggled class and the other divs to expand

Numerous Radio Buttons

Utilize the grouping functionality provided by the Lodash module

The fetch function consistently executes the then() block, regardless of any errors, resulting in an undefined response