0

Partiendo de una variable dada, tengo que mostrar sus elementos en orden inverso dentro de un elemento h2 existente en el html que llama al script. Me gustaría crear un nuevo array con un bucle for con el orden inverso de los elementos, y mostrarlo en pantalla con sus elementos separados por comas. Con mi código actual sólo consigo que muestre una serie de números. No sé qué es lo que está mál en el código. Agradecería cualquier ayuda.

Código javascript:

var cosas = ["inicio", true, "casa", "coche", "perro", 124, "fin"];
var cosasInverso = [];
for(let i = cosas.length - 1 ; i >= 0; i--) { 
     cosasInverso += cosas.push(i);
}
var arrayInverso = document.getElementById("enlace");
arrayInverso.innerHTML = cosasInverso;

Código HTML5

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Título página</title>
</head>
<body>
    <h2 id = "enlace"></h2>
</body>
</html>
5
  • Mirá de nuevo esta línea: cosasInverso += cosas.push(i);. ¿Qué estás pusheando?
    – padaleiana
    Commented el 10 feb. 2022 a las 18:52
  • Y tambén... por ciudado... que devuelve la función push?
    – Pipe
    Commented el 10 feb. 2022 a las 18:54
  • Aunado a lo que mencionó padaleiana, estás pusheando i, es decir las posiciones del arreglo (en forma de número), si entendí bien...
    – Martín JF
    Commented el 10 feb. 2022 a las 18:54
  • ¿Entonces cómo creo un nuevo array cosasInverso con los 7 elementos del array cosas pero en orden inverso? ¿Se puede hacer mediante un bucle for? ¿Cómo sería el código?
    – EvilCode
    Commented el 10 feb. 2022 a las 19:00
  • Debés pushear en cosasInverso (no en cosas) lo que está en cosas en la posición i.
    – padaleiana
    Commented el 10 feb. 2022 a las 19:08

2 respuestas 2

3

Aqui la solución que propuse en el comentario.

    var cosas = ["inicio", true, "casa", "coche", "perro", 124, "fin"];
    var cosasInverso = [];
    //Recorres el array en orden inverso
    for(let i = cosas.length - 1 ; i >= 0; i--) { 
         cosasInverso.push(cosas[i]); //Agregas el elemento al nuevo array
    }
    var arrayInverso = document.getElementById("enlace");
    arrayInverso.innerHTML = cosasInverso;
<div id="enlace" />

Saludos

2
  • ¡Los comentarios son efímeros! Escribí en la respuesta lo que habías escrito en el comentario que mencionás, y no olvides describir lo que hace este código, ya que las respuestas son para toda la comunidad, no solo para el OP (autor de la pregunta) :)
    – padaleiana
    Commented el 11 feb. 2022 a las 10:39
  • Eso fue lo que hice, propuse usar un for de la manera en que está en mi respuesta.
    – Pipe
    Commented el 21 feb. 2022 a las 12:32
0

Pongo dos métodos:

  1. El del bucle for: (ver mejora de este código en comentarios de @Pipe en esta respuesta)

var cosas = ["inicio", true, "casa", "coche", "perro", 124, "fin"];
var cosasInverso = [];
inverso = cosas.length;
cosasInverso = []
for (i = 0; i < cosas.length; i++) {
  cosasInverso.push(cosas[inverso-1])
  inverso--
}
var arrayInverso = document.getElementById("enlace");
arrayInverso.innerHTML = cosasInverso;
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Título página</title>
</head>
<body>
    <h2 id = "enlace"></h2>
</body>
</html>

  1. Con reverse:

var cosas = ["inicio", true, "casa", "coche", "perro", 124, "fin"];
var arrayInverso = document.getElementById("enlace");
reverso = cosas.reverse();
arrayInverso.innerHTML = reverso;
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Título página</title>
</head>
<body>
    <h2 id = "enlace"></h2>
</body>
</html>

Explicación:

Javascript ya dispone de una función para reordenar un array en orden inverso llamada reverse().

Su documentación dice:

El método reverse() invierte el orden de los elementos de un array in place. El primer elemento pasa a ser el último y el último pasa a ser el primero.

11
  • Hola :-) . Gracias por tu respuesta. Me vale ya que consigo lo que quiero pero me gustaría saber si hay algún modo sencillo de hacer lo mismo sin usar .reverse.
    – EvilCode
    Commented el 10 feb. 2022 a las 19:09
  • 1
    @EvilCode De hecho, .reverse es la manera sencilla. La que tiene más pasos es la del bucle (lo que estás tratando de hacer).
    – padaleiana
    Commented el 10 feb. 2022 a las 19:13
  • @EvilCode Acabo de actualizar mi respuesta, recarga la página para verla. He agregado la solución con el for tambien.
    – masterguru
    Commented el 10 feb. 2022 a las 19:23
  • Para la solucion del ciclo... para que tener una variable inverso y otra i (la cual no usas) porque no hacer for (i = cosas.length-1; i>=0; i--) { cosasInverso.push(cosas[i]); } ?
    – Pipe
    Commented el 10 feb. 2022 a las 21:01
  • @Pipe Opiniones y soluciones hay para todos los gustos. Siempre hay mejores formas de hacer las cosas. Fíjate que mi primera solución, la del reverse, que parecia la más cómoda y rápida segun mi punto de vista, no l a ha querido. Queria un for y lo he hecho como me ha salido, sin pensar demasiado tampoco, pues tenia prisa. Tu aporte está bien, si funciona, pero no voy a hacer código a medida cada vez que me pidan cambios, por lo tanto te invito a que postees tu respuesta para que la comunidad lo sepa tambien.
    – masterguru
    Commented el 10 feb. 2022 a las 21:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.