¿Cómo ordernar un Arreglo de arreglos con Javascript?

- 3 min read

El método sort() te permite ordenar los elementos de cualquier arreglo, retornando el arreglo ordenado, pero también cambiando la posición de los elementos del arreglo original.

En su forma más básica, sort intentará ordenar los elementos basado en su contenido, es decir, si el arreglo contiene strings, este será ordenado de forma alfabética.

El método sort “transforma” (cast) los elementos del arreglo a strings y los compara entre si para determinar el orden.

js
					
						
let numbers = [0, 1 , 2, 3, 10, 20, 30 ];
numbers.sort();
console.log(numbers);
// [0,1, 10, 2, 20, 3, 30]

					
				

En este caso el método sort ordena erradamente el número 10 antes que el 2 por que el string "10" viene antes que el string "2" al comparar strings.

sponsor

El contenido de este sitio es y será siempre gratuito para todos. Ayudame a mantenerlo así convirtiendote en auspiciador.
Matias Hernández Logo

Tu producto o servicio podría estar aquí

Pero el método sort también puede recibir un argumento que te permite definir cómo se debe realizar el ordenamiento.mento que define la forma en que se hará la comparación.

Es este argumento el que te permitirá ordenar un arreglo bi-dimensional como el siguiente:

js
					
						
const data = [
  ['Matias', 5, "07/24/2022"],
  ['Nicole', 7, "07/14/2022"],
  ['Inti', 10, "07/20/2022"],
  ['Mía', 3, "07/22/2022"],
 ]
					
				

Un arreglo de arreglos o arreglo bi-dimensional en donde cada sub-arreglo contiene un string, un número y una fecha en formato string.

¿Cómo puedes ordenar este arreglo en base a la fecha del 3 elemento del sub-arreglo?

En realidad es sólo utilizar el método sort junto a su argumento: “la función comparadora”.

En el caso del arreglo data, al llamar sort directamente, este será ordenado por el primer elemento del arreglo interno.

js
					
						
console.log(data.sort())
/*
[
  ['Inti', 10, "07/20/2022"],
  ['Matias', 5, "07/24/2022"],
  ['Mía', 3, "07/22/2022"],
  ['Nicole', 7, "07/14/2022"],
]
*/
					
				

Pero, el argumento que recibe sort te permite definir que quieres comparar y así poder ordenar por este atributo.

js
					
						

data.sort((a, b) => {

   // realizar alguna comparación

   // retornar 0 si ambos valores son iguales

   // retornar -1 si a va primero que b

   // retornar 1 si b va primero que a

})

					
				

Entonces, en este caso de uso, lo que se busca es ordenar el arreglo data basado en el tercer elemento del sub-arreglo, es decir el indice 2, por lo tanto la función de comparación usará ese indice para realizar la comparación.

js
					
						
data.sort((a, b) => {
  const dateA = new Date(a[2])
  const dateB = new Date(b[2])
  
  return dateA - dateB
})

/*[
  ['Nicole', 7, "07/14/2022"],
  ['Mía', 3, "07/22/2022"],
  ['Inti', 10, "07/20/2022"],
  ['Matias', 5, "07/24/2022"],
]
*/
					
				

Y eso es :D, para ordenar un arreglo bi-dimensional debes usar el indice del sub-arreglo para la función de comparación.

😃 Thanks for reading!

Did you like the content? Found more content like this by joining to the Newsletter or following me on Twitter