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

Using Javascript/JQuery to apply pixel values in CSS styling

What is the proper sequence for binding jQuery to elements?

What are some strategies for improving the speed and efficiency of traversing an XML file with AJAX?

Exploring the Features of PrimeNG Table Component in Angular 8

Issue with ASP.NET Core Controller not properly receiving complete JavaScript array object from Ajax call

Execute a post request upon clicking with NEXT JS, while also firing off a get request

Issues with HTML structure across various devices

React's memo and/or useCallback functions are not functioning as anticipated

Fetching a JSON object from an external URL using JavaScript

I am facing an issue with the clearTimeout function in my JavaScript code. Can anyone help

What is the best way to organize a massive file over 10Gb filled with words?

Toggle class on child element when parent is clicked

How to automatically close a JavaScript popup once a form is submitted and refresh the parent page

Create a typescript class object

What is the best way to integrate JavaScript libraries into my NPM build process?

Encountering an issue while trying to utilize Vuex in Vue with TypeScript

Is there a way to turn off tsc pretty printing using the configuration file?

Retrieve the input field's value with Selenium, verify its accuracy, and proceed to log a message to the console

`The process of adding an element to the beginning of an array``

Execute and generate a continuous loop in JavaScript