JavaScript sort array descending by nested object [duplicate]

Question

I am trying to sort this array, but it doesn't work for me. I must be doing something stupid, could someone have a look and tell me what is wrong please?

var fruits = [{
  config: {
    priority: 99
  }
}, {
  config: {
    priority: 1
  }
}, {
  config: {
    priority: 10
  }
}];
document.getElementById("demo").innerHTML = JSON.stringify(fruits);

function myFunction() {
  let l = fruits.sort(sort);
  document.getElementById("demo").innerHTML = JSON.stringify(l);
}

function sort(item1, item2) {
  return item1.config.priority < item2.config.priority;
}

<p>Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

Bibberty · Accepted Answer · 2019-06-12 17:19:16Z

1

Use - not <

const fruits = [{ config: { priority: 99 } }, { config: { priority: 1 } }, { config: { priority: 10 } }];

document.getElementById("demo").innerHTML = JSON.stringify(fruits);

function myFunction() {
  let l = fruits.sort(sort);
  document.getElementById("demo").innerHTML = JSON.stringify(l);
}

function sort({ config: { priority: p1 }}, { config: { priority: p2} }) {
    return parseInt(p1) - parseInt(p2);
}

<!DOCTYPE html>
<html>
<body>

<p>Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

</body>
</html>

answered Jun 12, 2019 at 17:19

Bibberty

4,7762 gold badges10 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Maheer Ali · Accepted Answer · 2019-06-12 17:18:30Z

1

An integer should be returned from the sort() callback. Subtract the first value from second

var fruits = [{
  config: {
    priority: 99
  }
}, {
  config: {
    priority: 1
  }
}, {
  config: {
    priority: 10
  }
}];
document.getElementById("demo").innerHTML = JSON.stringify(fruits);

function myFunction() {
  let l = fruits.sort(sort);
  document.getElementById("demo").innerHTML = JSON.stringify(l);
}

function sort(item1, item2) {
  return item2.config.priority - item1.config.priority;
}

<p>Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

answered Jun 12, 2019 at 17:18

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Collectives™ on Stack Overflow

JavaScript sort array descending by nested object [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related