JSFiddle - React, Tailwind, and code Playground

by saidulu401

JavaScript

var arr = [
  {colour: 'red', count: 100},
  {colour: 'green', count: 30},
  {colour: 'blue', count: 80},
  {colour: 'red', count: 17},
  {colour: 'green', count: 50},
  {colour: 'blue', count: 8},
  {colour: 'red', count: 16},
  {colour: 'green', count: 45},
  {colour: 'blue', count: 35},
  {colour: 'red', count: 15},
  {colour: 'green', count: 25},
  {colour: 'blue', count: 20},
  {colour: 'red', count: 10},
  {colour: 'green', count: 40},
  {colour: 'blue', count: 70}
]
arr.sort(function(a, b) {
  	return  b['count'] - a['count'];
})
arr.splice(10)
arr.sort(function(a, b) {
  var nameA = a.colour.toUpperCase(); // ignore upper and lowercase
  var nameB = b.colour.toUpperCase(); // ignore upper and lowercase
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }
// names must be equal
  return 0;
});
console.log(arr);