La clasificación le permite organizar los datos en la forma requerida. Es decir, se vuelve más fácil acceder y procesar estos datos. En este artículo sobre 'Ordenación de matrices en JavaScript', exploraremos diferentes formas de ordenar datos en JavaScript. Nos centraremos en seguir los consejos,
- Método de clasificación en JavaScript
- Ordenar valores numéricos
- Matriz de clasificación en orden ascendente
- Matriz de clasificación en orden descendente
- Ordenar matriz de objetos
Así que comencemos con el primer tema de este artículo de ordenación de matrices en JavaScript
Ordenar matriz en artículo de JavaScript
Método de clasificación en JavaScript
El método sort () ordena los elementos presentes en la matriz en consecuencia y devuelve la matriz ordenada como una salida al usuario. El método incorporado convierte cada elemento presente en la matriz en un cuerda , y los compara en orden de puntos de código Unicode. instalación primero.
El siguiente código sigue el tipo de matriz más básico:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Salida:
Blues, Jazz, Metal, Pop, Rock
Ahora continuemos con 'Array Sort In JavaScript' y veamos cómo podemos ordenar valores numéricos,
Ordenar valores numéricos
La clasificación de números como cadenas produce resultados falsos e incorrectos.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Salida:
10,100,34,45,69,87
El resultado parece ser absolutamente inexacto. Esto sucede porque la matriz numérica se convierte en una cadena mediante el método sort (). El problema se puede erradicar utilizando un comparar función.
matriz de objetos en java
La sintaxis de la función es la siguiente:
array.sort ([compareFunction])
La función de comparación ordena los elementos presentes en la matriz en función de diferentes atributos y en un orden diferente. La función sort () compara dos valores y envía los valores a la función de comparación.La función de comparación sigue los casos de prueba que se indican a continuación:
- Si el resultado de comparar los dos valores (a y b) es negativo , a se ordena antes que b.
- Si el resultado parece ser positivo , b se ordena antes que a.
- Si el resultado es 0 , entonces ningún cambio aparece en el orden de clasificación de los valores a & b.
En este fragmento de Array Sort en JavaScript, ordenaremos los datos en orden ascendente,
Matriz de clasificación en orden ascendente
El siguiente ejemplo muestra el procedimiento de clasificación de la matriz en orden ascendente.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Ordena la matriz de números document.write (num)
Salida:
3,18,25,28,29,69
Avanzando más, veamos cómo ordenar matrices en orden descendente
Matriz de clasificación en orden descendente
La matriz se puede ordenar en orden descendente de la siguiente manera:
var num = [3, 25, 18, 28, 69, 29] // Ordenar una matriz usando la función comparar num.sort (function (a, b) {return a - b}) document.write (num)Salida:
69,29,28,25,18,3
Incluso podemos ordenar matrices de objetos, veamos cómo hacerlo,
Ordenar matriz de objetos
La función de comparación se puede utilizar para ordenar matrices de objetos de manera eficiente.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Ordenar por nombre de personas .sort (function (a, b) {var x = a.name.toLowerCase () // ignorar mayúsculas y minúsculas var y = b.name.toLowerCase () // ignorar mayúsculas y minúsculas if (xy) {return 1} // los nombres deben ser iguales return 0}) // Recorre todos los elementos de la matriz para (var i en personas) {// Recorre todas las propiedades en el objeto para (var prop en personas [i]) {documento .write (prop + ':' + personas [i] [prop] + '
')} document.write ('
') }Salida:
nombre: Alec
nombre: Ari
nombre: Jeremy
nombre: Jonathan
nombre: Stephen
Los métodos explicados en el artículo demuestran meticulosamente el hecho de que la función de clasificación vinculada con la función de comparación juega un papel crucial en el lenguaje de programación.
Con esto llegamos al final de este blog sobre 'Array Sort In JavaScript'. Espero que haya encontrado esto informativo y útil, permanezca atento a más tutoriales sobre temas similares. También puede consultar nuestro programa de capacitación tPara obtener un conocimiento profundo sobre jQuery junto con sus diversas aplicaciones, puede para capacitación en vivo en línea con soporte 24/7 y acceso de por vida.
Tienes una pregunta para nosotros? Menciónalos en la sección de comentarios de este blog y nos comunicaremos contigo.