cevilio icon

Sort object in javascript

cevilio | PRO | 07/07/18 11:04:19 AM UTC | 0 ⭐ | 234 👁️ | Never ⏰ | []
JavaScript |

650 B

|

None

|

0 👍

/

0 👎

<!DOCTYPE html>
<html>
<body>
 
<h2>JavaScript Array Sort</h2>
 
<p>Click the buttons to sort car objects on age.</p>
 
<button onclick="myFunction()">Sort</button>
 
<p id="demo"></p>
 
<script>
var cars = [
{type:"Volvo", year:2016},
{type:"BMW", year:2001},
{type:"Saab", year:2010}]
 
displayCars();
 
function myFunction() {
    cars.sort(function(a, b) {return a.type < b.type});
    displayCars();
}
 
function displayCars() {
  document.getElementById("demo").innerHTML =
  cars[0].type + " " + cars[0].year + "<br>" +
  cars[1].type + " " + cars[1].year + "<br>" +
  cars[2].type + " " + cars[2].year;
}
</script>
 
</body>
</html>

Comments