Achieving the perfect sorting result in an array using Javascript

Question

Achieving the perfect sorting result in an array using Javascript

I am attempting to arrange the objects inside an array below in ascending order by their values and achieve the desired output as shown:

var arr = [{"DOA Qty":"0.000665921017598927382910198160","LOS%":"0","FID Valid EC By Part":"0.0041860443283016713761966","Interventions":"0"}]

Desired output - sorted in ascending order by value:

var desiredarr =[{"LOS%":"0","Interventions":"0","DOA Qty":"0.000665921017598927382910198160","FID Valid EC By Part":"0.0041860443283016713761966"}]


let sorteddataarr: any = Object.values(arr[0]).sort(function (a, b) { return arr[a] - arr[b]; });

alert(JSON.stringify(sorteddataarr));  // not displaying the expected result

javascript arrays sorting

Answer 1

Answer №1

a[1]-b[1] == :ASEC

b[1]-a[1] == :DESC

Give this a shot:

var data = 
{
"DOA Qty":"0.000665921017598927382910198160",
"LOS%":"0",
"FID Valid EC By Part":"0.0041860443283016713761966",
"Interventions":"0"
}

var entries = Object.entries(data)
entries.sort(function(a,b){return a[1]-b[1]});

data = {};
entries.map(function(item){
data[item[0]] = item[1];
})
console.log(data);

Answer 2

a[1]-b[1] == :ASEC

b[1]-a[1] == :DESC

Give this a shot:

var data = 
{
"DOA Qty":"0.000665921017598927382910198160",
"LOS%":"0",
"FID Valid EC By Part":"0.0041860443283016713761966",
"Interventions":"0"
}

var entries = Object.entries(data)
entries.sort(function(a,b){return a[1]-b[1]});

data = {};
entries.map(function(item){
data[item[0]] = item[1];
})
console.log(data);

Answer 3

Answer №2

If you're looking to maintain a specific order when dealing with object keys, there is a workaround. By converting the object(s) into array(s) of key(s) and value(s), you can ensure that the order remains intact:

var arr = [{"DOA Qty":"0.000665921017598927382910198160","LOS%":"0","FID Valid EC By Part":"0.0041860443283016713761966","Interventions":"0"}];

console.log(
  arr.map(
    object=>
      Object.keys(object).map(
        key=>[Number(object[key]),key]//consider creating better JSON if your values are not numbers
      ).sort(
        ([a],[b])=>a-b
      )
      //if you prefer [key,value], you can use .map(([value,key])=>[key,value])
  )
)

Answer 4

If you're looking to maintain a specific order when dealing with object keys, there is a workaround. By converting the object(s) into array(s) of key(s) and value(s), you can ensure that the order remains intact:

var arr = [{"DOA Qty":"0.000665921017598927382910198160","LOS%":"0","FID Valid EC By Part":"0.0041860443283016713761966","Interventions":"0"}];

console.log(
  arr.map(
    object=>
      Object.keys(object).map(
        key=>[Number(object[key]),key]//consider creating better JSON if your values are not numbers
      ).sort(
        ([a],[b])=>a-b
      )
      //if you prefer [key,value], you can use .map(([value,key])=>[key,value])
  )
)

Answer 5

Answer №3

Let's create a straightforward compare function to sort an array based on a specific key. In this case, we will be using the "value" key.

To implement this, we first need to define our compare function and then utilize Array.prototype.sort() by passing in our custom compare function.

The only distinction between arranging the array in descending or ascending order is the manipulation of greater than and less than symbols within the compare functions.

function compareDESC(a, b) {
  if (a.value < b.value)
    return 1;
  if (a.value > b.value)
    return -1;
  return 0;
}

function compareASC(a, b) {
  if (a.value > b.value)
    return 1;
  if (a.value < b.value)
    return -1;
  return 0;
}

var arr = [
  {
    value: 2
  },
  {
    value: 6
  },
  {
    value: 3
  },
  {
    value: 8
  },
  {
    value: 9
  },
  {
    value: 4
  },
];

arr.sort(compareDESC)
console.log(arr)
arr.sort(compareASC)
console.log(arr)

Answer 6

Let's create a straightforward compare function to sort an array based on a specific key. In this case, we will be using the "value" key.

To implement this, we first need to define our compare function and then utilize Array.prototype.sort() by passing in our custom compare function.

The only distinction between arranging the array in descending or ascending order is the manipulation of greater than and less than symbols within the compare functions.

function compareDESC(a, b) {
  if (a.value < b.value)
    return 1;
  if (a.value > b.value)
    return -1;
  return 0;
}

function compareASC(a, b) {
  if (a.value > b.value)
    return 1;
  if (a.value < b.value)
    return -1;
  return 0;
}

var arr = [
  {
    value: 2
  },
  {
    value: 6
  },
  {
    value: 3
  },
  {
    value: 8
  },
  {
    value: 9
  },
  {
    value: 4
  },
];

arr.sort(compareDESC)
console.log(arr)
arr.sort(compareASC)
console.log(arr)

Achieving the perfect sorting result in an array using Javascript

Answer №1

Answer №2

Answer №3

Similar questions

A JavaScript function that fetches the color name based on either the RGB value or the Hexadecimal value

What could be the reason for the absence of definition for 'res'?

Utilizing HighCharts' Reflow Feature for Dynamic Chart Resizing

What steps are involved in testing a nextjs endpoint with Jest?

The value of req.user is not defined in a stack involving node, express, passport,

Concealing overflow in a sticky container when a fixed child element is present

Please disable zoom functionality on the website specifically for Android devices

Populate a form with database information to pre-fill the fields

Give the Row ID as a parameter to a personalized component within MUI Datagrid Pro

How can I easily swap between the front and back cameras while using an app?

What is the method used by three.js to render video with spherical UV mapping?

Importing data from a CSV file into a Google Spreadsheet using the Python programming language

Retrieve the text content of a datalist option by accessing the label with jQuery

The sequence of divs in a language that reads from right to left

What is the best way to create a new variable depending on the status of a button being disabled or enabled

Converting numbers from a string into a character array and then into an array of

Resolving "Module not found: Error: Can't resolve 'url'" issue in Angular 14 while invoking web3 smart contract function

Using axios.spread() allows for caching of my API requests, a feature that is not available when

Javascript timer that counts down using cookies for storage

Transforming jquery code into angularjsAre you looking to migrate your