Como ordenar Arrays en JavaScript

¡Saludos cibernauta! hoy en conocesobreinformatica.com te presentamos el siguiente artículo titulado: “Como ordenar Arrays en JavaScript".

Seguimos trabajando a diario para brindarles los mejores ejercicios/ejemplos de programación en los lenguajes más usados de la actualidad.

Sin más que agregar, empecemos...

APRENDE COMO ORDENAR ARRAYS
EN JAVASCRIPT

INTRODUCCIÓN

En este breve artículo aprenderemos como ordenar arrays en JavaScript usando las siguientes variables de programación:

- Strings.
- Números.
- String con números.
- String con números largos.
- Objetos

STRINGS

De forma predeterminada, el método de clasificación organiza los elementos alfabéticamente, es decir, de la A a la Z.

EJEMPLO:

const nombres = ['James', 'Ana', 'Adan', 'Carlos', 'Rosa']

const nombresOrdenados = nombres.sort()

console.log(nombresOrdenados)
// ['Adan', 'Ana', 'Carlos', 'James', 'Rosa']

const nombresRevertidos = nombresOrdenados.reverse()

console.log(nombresRevertidos)
// ['Rosa', 'James', 'Carlos', 'Ana', 'Adan']

NÚMEROS

Para usar el método de clasificación con valores numéricos, debemos pasarle una función de devolución de llamada que manejará la comparación de valores.

EJEMPLO:

const numeros = [10, 20, 5, 40, 100, 1]

const numerosOrdenados = numeros.sort((a, b) => a - b)

console.log(numerosOrdenados)
// [1, 5, 10, 20, 40, 100]

STRINGS CON NÚMEROS

Si tenemos una string con un número inyectado (<10) por ejemplo, al final podemos cortarla y convertirla en un número para ordenar todos los elementros de la matriz, es decir del array.

EJEMPLO:

const elementos = ['E3', 'E2', 'E5', 'E1', 'E4']

const ordenado = elementos.sort((a, b) => {
return +a.slice(-1) - +b.slice(-1)
})

console.log(ordenado)
// ['E1', 'E2', 'E3', 'E4', 'E5']

STRINGS CON NÚMEROS LARGOS

Si los números son mayores que 9, podemos usar expresiones regulares para encontrarlos y ordenar los elementos del array según sus valores.

EJEMPLO:

const r = /\d+/;
const largoElemento = [
   'E 99', 'E 1001', 'E 5', 'E 30', 'E 465']

const ordenado = largoElemento.sort((a, b) => {
     return a.match(r) - b.match(r)})

console.log(ordenado)
// ['E 5', 'E 30', 'E 99', 'E 465', 'E 1001']

OBJETOS

Para ordenar una matriz de objetos vamos a utilizar las mismas fórmulas analizadas anteriormente.

EJEMPLO:

const objs = [
{ id: 7, nombre: 'John' }, { id: 10, nombre: 'Grace' }, { id: 4, nombre: 'Kim' }, {id: 3, nombre: 'Jane' },]
   
const ordenado = objs.sort((a, b) => {
     return a.id - b.id})

console.log(ordenado)
// { id: 3, nombre: 'Jane' }, { id: 4, nombre: 'Kim' }, { id: 7, nombre: 'John' }, { id: 10, nombre: 'Grace'}

Hemos llegamos al final de este artículo, como equipo de CSI esperamos realmente toda la información recopilada y analizada te resulte de utilidad en tus estudios o vida laboral.

Te recordamos que hoy por hoy conocesobreinformatica cuenta con las siguientes redes para mantener al tanto de toda la información nueva:

- Suscripciones de correo electrónico, se el primero en enterarte de lo que publicamos: