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

Disabling prefetch in next.config.js: A comprehensive guide on eliminating data prefetching in Next.js

To access the link, simply click once if there is no child menu. However, if there is a child menu attached, be sure to click

Automatically reduce the size of Java Script files and CSS files with compression

How can a JQuery slideshow be programmed to only iterate once?

The UI in an angular directive is not getting refreshed due to issues with the

Question about React.js: What is the best way to add multiple classes to a component by using a ternary operator?

Detecting single letters in a sentence and changing their appearance using CSS

Introducing a fresh Backbone object attribute that points to an existing instance property

When hovering over a select option, a description and clickable link will be displayed

The combination of Angular Hottowel's 'blocks.exception' and 'blocks.router' prevents the App from being displayed in the browser

Cross-origin resource sharing problem arises when JavaScript is loaded asynchronously using script tags created dynamically

Exploring the mocking of document,hidden using Jasmine

Ways to extract information from a JSON dataset

The variable from AJAX is not being displayed in PHP

Turn off the authentication middleware for a particular HTTP method on a specific endpoint

Using Express Router to call a dynamic route instead of the intended named route

the term 'this' does not pertain to the user object within the mongoose model

Struggling to make React respond to button clicks without resorting to using addEventListener

What is the best method for encoding non-ASCII characters in JSON.stringify as ASCII-safe escaped characters (uXXXX) without the need for additional post-processing?

Scrolling with React Event