Skip to main content
se añadieron 187 caracteres en el cuerpo
Origen Enlace
Rodrigo
  • 6.2k
  • 6
  • 16
  • 37

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>

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

let frutas = [
      {
        'nombre'     : 'manzana',
        'indice' : 2
      },
      {
        'nombre'     : 'pera',
        'indice' : 4
      },
      {
        'nombre'     : 'durazno',
        'indice' : 1
      },
      {
        'nombre'     : 'fresa',
        'indice' : 3
      }
];

frutas = (frutas.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:
// frutas = (frutas.sort((a, b) => ((a.indice < b.indice)) ? -1 : ((a.indice > b.indice) ? 1 : 0))).reverse();

frutas.forEach(el => {
  exampleUl.innerHTML += `<li>Objeto ${el.indice}, ${el.nombre}</li>`;
});
<ul id="exampleUl"></ul>

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
      }
];

function orderUl(items) {
  items = (items.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:
  // items = (items.sort((a, b) => ((a.indice < b.indice)) ? -1 : ((a.indice > b.indice) ? 1 : 0))).reverse();
  
  let i = 1;
  items.forEach(el => {
    exampleUl.innerHTML += `<li>Objeto ${i}, ${el.nombre}</li>`;
    i++;
  });
}

orderUl(frutas);
<ul id="exampleUl"></ul>

se añadieron 140 caracteres en el cuerpo
Origen Enlace
Rodrigo
  • 6.2k
  • 6
  • 16
  • 37

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

constlet frutas = [
      {
        'nombre'     : 'manzana',
        'indice' : 2
      },
      {
        'nombre'     : 'pera',
        'indice' : 4
      },
      {
        'nombre'     : 'durazno',
        'indice' : 1
      },
      {
        'nombre'     : 'fresa',
        'indice' : 3
      }
];

frutas = (frutas.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:
// frutas = (frutas.sort((a, b) => ((a.indice < b.indice)) ? -1 : ((a.indice > b.indice) ? 1 : 0))).reverse();

frutas.forEach(el => {
  exampleUl.innerHTML += `<li>Objeto ${el.indice}, ${el.nombre}</li>`;
});
<ul id="exampleUl"></ul>

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

const frutas = [
      {
        'nombre'     : 'manzana',
        'indice' : 2
      },
      {
        'nombre'     : 'pera',
        'indice' : 4
      },
      {
        'nombre'     : 'durazno',
        'indice' : 1
      },
      {
        'nombre'     : 'fresa',
        'indice' : 3
      }
];

frutas.sort((a, b) => {
  if (a.indice > b.indice) {
    return 1;
  }
  if (a.indice < b.indice) {
    return -1;
  }
  return 0;
});

frutas.forEach(el => {
  exampleUl.innerHTML += `<li>Objeto ${el.indice}, ${el.nombre}</li>`;
});
<ul id="exampleUl"></ul>

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

let frutas = [
      {
        'nombre'     : 'manzana',
        'indice' : 2
      },
      {
        'nombre'     : 'pera',
        'indice' : 4
      },
      {
        'nombre'     : 'durazno',
        'indice' : 1
      },
      {
        'nombre'     : 'fresa',
        'indice' : 3
      }
];

frutas = (frutas.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:
// frutas = (frutas.sort((a, b) => ((a.indice < b.indice)) ? -1 : ((a.indice > b.indice) ? 1 : 0))).reverse();

frutas.forEach(el => {
  exampleUl.innerHTML += `<li>Objeto ${el.indice}, ${el.nombre}</li>`;
});
<ul id="exampleUl"></ul>

Origen Enlace
Rodrigo
  • 6.2k
  • 6
  • 16
  • 37

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

const frutas = [
      {
        'nombre'     : 'manzana',
        'indice' : 2
      },
      {
        'nombre'     : 'pera',
        'indice' : 4
      },
      {
        'nombre'     : 'durazno',
        'indice' : 1
      },
      {
        'nombre'     : 'fresa',
        'indice' : 3
      }
];

frutas.sort((a, b) => {
  if (a.indice > b.indice) {
    return 1;
  }
  if (a.indice < b.indice) {
    return -1;
  }
  return 0;
});

frutas.forEach(el => {
  exampleUl.innerHTML += `<li>Objeto ${el.indice}, ${el.nombre}</li>`;
});
<ul id="exampleUl"></ul>