Arrange the array in ascending order based on a specific value

Question

Arrange the array in ascending order based on a specific value

Within my array, I have various objects of different types:

myArray = [
{state: "enabled", name: "zName"},
{state: "trying", name: "aName2"},
{state: "disabled", name: "aName3"},
{state: "disabled", name: "cName"},
{state: "disabled", name: "bName"}
]

My goal is to sort this array based on the following criteria:

state equals $givenValue
name should be arranged in ascending order for items that meet criterion 1

For instance, if I specify state == "disabled", the expected sorted array would be:

myArray = [
    {state: "disabled", name: "aName3"},
    {state: "disabled", name: "bName"},
    {state: "disabled", name: "cName"},
    {state: "trying", name: "aName2"},
    {state: "enabled", name: "zName"}
]

Unfortunately, I'm struggling to find a solution on my own. Could you provide assistance? Thank you.

javascript arrays sorting

Answer 1

Answer №1

To organize the array based on specific criteria (state == "disabled" and name in ascending order for items that meet the first criteria), utilize the Array.prototype.sort()

const myArray = [
  {state: "enabled", name: "zName"},
  {state: "trying", name: "aName2"},
  {state: "disabled", name: "aName3"},
  {state: "disabled", name: "cName"},
  {state: "disabled", name: "bName"}
];
const givenValue = "disabled";
function customSort(a, b) {
  if (a.state === givenValue && b.state === givenValue) {
    return a.name.localeCompare(b.name);
  } else if (a.state === givenValue) {
    return -1;
  } else if (b.state === givenValue) {
    return 1;
  } else {
    return 0;
  }
}
myArray.sort(customSort);
console.log(myArray);

Answer 2

To organize the array based on specific criteria (state == "disabled" and name in ascending order for items that meet the first criteria), utilize the Array.prototype.sort()

const myArray = [
  {state: "enabled", name: "zName"},
  {state: "trying", name: "aName2"},
  {state: "disabled", name: "aName3"},
  {state: "disabled", name: "cName"},
  {state: "disabled", name: "bName"}
];
const givenValue = "disabled";
function customSort(a, b) {
  if (a.state === givenValue && b.state === givenValue) {
    return a.name.localeCompare(b.name);
  } else if (a.state === givenValue) {
    return -1;
  } else if (b.state === givenValue) {
    return 1;
  } else {
    return 0;
  }
}
myArray.sort(customSort);
console.log(myArray);

Answer 3

Answer №2

To establish a specific sequence, I suggest creating an array with the values ["enabled", "trying", "disabled"]. By referencing the object value, you can easily retrieve the corresponding index from the array in order to sort them accordingly.

Answer 4

To establish a specific sequence, I suggest creating an array with the values ["enabled", "trying", "disabled"]. By referencing the object value, you can easily retrieve the corresponding index from the array in order to sort them accordingly.

Arrange the array in ascending order based on a specific value

Answer №1

Answer №2

Similar questions

Halt the execution of any additional code

When utilizing auth0, an error occurs during the grunt build process

jquery mouse event does not register on touch-based devices

Tips for effortlessly enlarging an element

Tips for shrinking the circumference of a circle

I am curious about why I am unable to utilize inline functions in component props. Could you please provide a detailed explanation and perhaps give an example to illustrate? Furthermore, what is

Generate slanted projection mapboxgl

Guide to encoding data using a multidimensional array in JSON format

Encountering an Unresolved Runtime Issue: TypeError arises when attempting to access properties of undefined (specifically 'call') while utilizing the Image component in next.js

Web Scraping ASU Courses using Node.js

The json_decode function in PHP unexpectedly returns null when provided with valid JSON input

Something seems to be amiss with the validation functionality in jQuery

Display/Conceal content with JQuery on a PHP webpage

What is the best way to interact with a checkbox that has a label using Selenium in Node.js?

Updating the Highcharts chart when new data is available

I found myself pondering the significance of the {blogs: blogs} in my code

Utilizing Google Script to extract information from Gmail emails and transfer it to Google Sheets

Retrieve the text input from the text field and display it as

What is the best way to eliminate the border color on a drop-down menu's bottom border?

Permanent Solution for HTML Textbox Value Modification