Arranging a list of objects with a designated starting value to remain at the forefront

Question

Arranging a list of objects with a designated starting value to remain at the forefront

Consider the array and variable shown below:

array = ['complete','in_progress','planned'];
value = 'planned';

The goal is to always sort the array starting with the 'value' variable, resulting in:

array = ['planned','in_progress','complete'];

For example:

array = ['complete','in_progress','planned'];
value = 'in_progress';

The expected output would be:

array = ['in_progress','complete','planned'];

I have tried various approaches without success. Do you have any concise and efficient ideas?

javascript typescript sorting

Answer 1

Answer №1

If you want to prioritize a specific value in sorting, you can do so by checking if it matches one of the arguments and placing it before anything else. If neither item is equal to the specified value, then just proceed with a normal sort.

const array = ['complete','in_progress','planned'];
const value = 'in_progress';

array.sort((a, b) => {
  //a comes first
  if (a == value) return -1;
  //b comes first
  if (b == value) return 1;
  
  //neither matches `value` - compare them normally
  return a.localeCompare(b);
});

console.log(array);

Here's a shorter version achieving the same result by using type coercion:

const array = ['complete','in_progress','planned'];
const value = 'in_progress';

array.sort((a,b) => ((a == value) * -1) || b == value || a.localeCompare(b));

console.log(array);

Answer 2

If you want to prioritize a specific value in sorting, you can do so by checking if it matches one of the arguments and placing it before anything else. If neither item is equal to the specified value, then just proceed with a normal sort.

const array = ['complete','in_progress','planned'];
const value = 'in_progress';

array.sort((a, b) => {
  //a comes first
  if (a == value) return -1;
  //b comes first
  if (b == value) return 1;
  
  //neither matches `value` - compare them normally
  return a.localeCompare(b);
});

console.log(array);

Here's a shorter version achieving the same result by using type coercion:

const array = ['complete','in_progress','planned'];
const value = 'in_progress';

array.sort((a,b) => ((a == value) * -1) || b == value || a.localeCompare(b));

console.log(array);

Answer 3

Answer №2

If I had to suggest something off the top of my head, you could give this a shot:

array = ['complete','in_progress','planned'];
target = 'in_progress';

const answer = array.filter((element) => element !== target)
    .sort()
    .reduce((accumulator, value) => [...accumulator, value], [target]);

An additional note: I completely overlooked the fact that it needs to be sorted.

Answer 4

If I had to suggest something off the top of my head, you could give this a shot:

array = ['complete','in_progress','planned'];
target = 'in_progress';

const answer = array.filter((element) => element !== target)
    .sort()
    .reduce((accumulator, value) => [...accumulator, value], [target]);

An additional note: I completely overlooked the fact that it needs to be sorted.

Arranging a list of objects with a designated starting value to remain at the forefront

Answer №1

Answer №2

Similar questions

Combining the powers of Nextjs and Vue

What is the best way to trigger a controller action using jQuery in your application.js file?

Using JavaScript to convert a UTC Date() object to the local timezone

Update JSON values using JavaScript or jQuery

Devising a method to display configurable products as related items along with their customizable options in Magento

Combine two arrays in MongoDB where neither element is null

Passing a callback function through a prop in Vue.js

Transform an array of objects into a nested tree structure with Javascript

HTML/JavaScript - Ways to show text entered into an input field as HTML code

ReactJS encountered an error: [function] is not defined, July 2017

Error 500 on Firebase: Issue solving "firebase" in "firebase.js" not resolved

Using JavaScript to assign one object to another object

Get the MAC address of a client using Node.js

Avoiding metacharacters and utilizing them as a string variable for selection

Using Meteor methods in a Meteor and Ionic application: A guide

Difficulty redirecting Ajax call to a timed-out, CAS-protected server

Refresh a TextBox using an Ajax Response

Fill in input field based on choice from the drop-down menu - JavaScript

What is the method for incorporating a variable into a fragment when combining schemas using Apollo GraphQL?

Protractor quickly launches and closes the Chrome browser without completing the entire scenario