Puedes usar Array.prototype.sort
para ordenar el array, ya que es un array de objetos, vamos a ordenarlo dándole al método un callback, luego de ordenarlo, solo lo revertimos con Array.prototype.reverse
, definimos una variable que irá aumentando, para poner el índice actual
let frutas = [
{
'nombre' : 'manzana',
'indice' : 2
},
{
'nombre' : 'pera',
'indice' : 4
},
{
'nombre' : 'durazno',
'indice' : 1
},
{
'nombre' : 'fresa',
'indice' : 3
}
];
frutasfunction orderUl(items) {
items = (frutasitems.sort((a, b) => {
if (a.indice > b.indice) {
return 1;
}
if (a.indice < b.indice) {
return -1;
}
return 0;
})).reverse();
// Puedes hacer el sort() más corto:
// frutasitems = (frutasitems.sort((a, b) => ((a.indice < b.indice)) ? -1 : ((a.indice > b.indice) ? 1 : 0))).reverse();
frutas let i = 1;
items.forEach(el => {
exampleUl.innerHTML += `<li>Objeto ${el.indicei}, ${el.nombre}</li>`;
i++;
});
}
orderUl(frutas);
<ul id="exampleUl"></ul>