cevilio

Sort object in javascript

Jul 7th, 2018
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <h2>JavaScript Array Sort</h2>
  6.  
  7. <p>Click the buttons to sort car objects on age.</p>
  8.  
  9. <button onclick="myFunction()">Sort</button>
  10.  
  11. <p id="demo"></p>
  12.  
  13. <script>
  14. var cars = [
  15. {type:"Volvo", year:2016},
  16. {type:"BMW", year:2001},
  17. {type:"Saab", year:2010}]
  18.  
  19. displayCars();
  20.  
  21. function myFunction() {
  22.     cars.sort(function(a, b) {return a.type < b.type});
  23.     displayCars();
  24. }
  25.  
  26. function displayCars() {
  27.   document.getElementById("demo").innerHTML =
  28.   cars[0].type + " " + cars[0].year + "<br>" +
  29.   cars[1].type + " " + cars[1].year + "<br>" +
  30.   cars[2].type + " " + cars[2].year;
  31. }
  32. </script>
  33.  
  34. </body>
  35. </html>
Advertisement
Add Comment
Please, Sign In to add comment