Header Ads Widget

Ticker

6/recent/ticker-posts

Subrayar la función sortBy de JS

 

Este tutorial de Underscore JS se centrará en la función Underscore sortBy , que funciona tanto con objetos JavaScript como con matrices JavaScript. Al igual que los otros tutoriales que ofrecen ejemplos de código que podemos ejecutar, también ofreceremos varios ejemplos de la sortBy()función aquí. Veremos cómo ordenar una matriz de enteros, ordenar matrices de cadenas, ordenar por el nombre de propiedad de una matriz de objetos y configurar criterios de ordenación personalizados. Echemos un vistazo a la sortBy()función de subrayado ahora.



sortBy Ejemplo de matriz de enteros

Este primer ejemplo tiene una matriz de enteros simple configurada con los valores de 1 a 10 asignados a la variable de valores. En JavaScript, las matrices ya tienen una función de ordenación incorporada, entonces, ¿por qué la necesidad de una función sortBy de subrayado? Bueno, la función sortBy tiene un poco más de granularidad asociada. Este primer ejemplo hace uso de una oddSorterfunción que podemos pasar como segundo argumento a la sortBy()función para personalizar cómo ocurre la clasificación. Lo que hacemos en este caso es ordenar los números impares primero, seguidos de los pares. La sortBy()función ofrece un poco más de control sobre cómo clasifica.

Hacer clic Claro


sortBy Ejemplo de matriz de cadenas

El ejemplo dos de la sortBy()función demostrará cómo ordenar una matriz de cadenas. El comportamiento predeterminado es simplemente ordenar alfabéticamente una matriz de cadenas. En este caso, queremos cambiar ese comportamiento predeterminado. Para hacerlo, podemos volver a configurar una función de iterador personalizada que se pasa como segundo argumento sortBy()para hacer esto por nosotros. Lo que hacemos aquí es configurar este criterio personalizado para ordenar por la longitud de cada cadena en la matriz. Esto se encuentra en la lengthSortervariable que tiene la función para hacer esto. Cuando ejecutamos el código, podemos ver cómo funciona. Es genial cómo, al clasificar de esta manera, la longitud más corta viene primero, seguida de las longitudes más largas. ¡Casi creamos una especie de pirámide de cuerdas como esta!

Hacer clic Claro


sortBy Ejemplo de nombre de propiedad de matriz de objetos

El tercer ejemplo de uso de la sortBy()función trata de ordenar una matriz de objetos según una clave de nuestra elección. Entonces aquí tenemos una matriz de seis objetos. Cada objeto representa una bicicleta eléctrica. Contamos con modelos de Izip, Anferro, ProdecoTech, Haibike, Benelli y BH Easy Motion. Nos gustaría ordenar por la marca de cada bicicleta. Tenga en cuenta que la marca es la primera clave de cada objeto ebike. Esto es bastante sencillo. Todo lo que hacemos es pasar la matriz de objetos ebike como primer parámetro sortBy()y la clave por la que nos gustaría ordenar como segundo parámetro. En este caso, eso es brandSi ejecutamos el código, podemos ver que las bicicletas están ordenadas por marca en orden alfabético.

Hacer clic Claro


sortBy Ejemplo de criterios de ordenación de matriz de objetos

El ejemplo final de la función sortBy () hará uso de algunos trucos más para una ordenación más compleja. Al observar los datos con los que tenemos que trabajar, tenemos la matriz de ebike, que tiene objetos de ebike aquí para ProdecoTech, Bh Easy Motion, Benelli, Haibike, Anferro e Izip. También hay una matriz adicional en la bikesSortOrderque se mantiene, lo adivinó, el orden de clasificación basado en el índice de la matriz. Al observar la sortCriteriafunción, podemos ver que está devolviendo el valor de bikeSortOrderbasado en el índice que se le está pasando. Finalmente, cuando llamamos a la sortBy()función, pasamos la matriz de objetos ebikes y la función sortCriteria. Ejecutar el código nos muestra que esto funciona. De hecho, configuramos el orden de clasificación al revés, por así decirlo, configurando elbikesSortOrdermatriz en valores de índice descendentes. Podríamos poner esos valores de índice en el orden que queramos para aplicar la ordenación personalizada si también lo deseamos.

Hacer clic Claro


Resumen de la función de subrayado JS sortBy

Esto concluye con otro tutorial divertido para usar la función sortBy en la biblioteca de JavaScript de Underscore. Podemos ver el poder y la flexibilidad que tenemos con sortBy cuando necesitamos establecer criterios de clasificación personalizados para obtener los resultados que queremos, ya sea que trabajemos con matrices de enteros, cadenas, matrices de objetos o varios otros tipos de datos.


Publicar un comentario

0 Comentarios