El artículo demuestra cómo ordenar una matriz por propiedad de objeto en JavaScript. El contenido de esta guía es el siguiente.
- Cómo ordenar la matriz por propiedad del objeto en JavaScript
- Ejemplo 1: ordenar matriz por orden alfabético utilizando la propiedad de nombre en JavaScript
- Ejemplo 2: ordenar matriz por orden numérico utilizando la propiedad de edad en JavaScript
¿Cómo ordenar la matriz por propiedad del objeto en JavaScript?
los array.ordenar() El método facilita la clasificación de los elementos de la matriz mediante el uso de la función de devolución de llamada. La función de devolución de llamada itera sobre todos los elementos en función de las propiedades del objeto en la matriz. El objetivo de este método es calcular todos los elementos cumpliendo las condiciones definidas por el usuario. Por defecto, el array.ordenar() El método devuelve una secuencia ascendente de los elementos de la matriz existente.
Sintaxis
matriz.ordenar ( )
Nota : El método se emplea para clasificar los elementos numéricos y alfabéticos.
Ejemplo 1: ordenar matriz por orden alfabético utilizando la propiedad de nombre en JavaScript
Se utiliza un ejemplo para realizar la clasificación de los valores de matriz a través de la propiedad en JavaScript.
Código
consola.log ( 'Un ejemplo de matriz de clasificación en JavaScript' ) ;
maestros constantes = [
{ nombre: 'John' , años: 30 } ,
{ nombre: 'Pedro' , años: 27 } ,
{ nombre: 'Beto' , años: 38 }
] ;
profesores.ordenar ( ( x, y ) = > x.name.localeComparar ( y.name ) ) ;
consola.log ( maestros ) ;
La explicación del código se muestra a continuación:
- Una matriz ' maestros ” se crea en el que nombre y años las propiedades se almacenan.
- Un método ' localeCompare ” está adaptado para comparar el nombre
- los clasificar() El método se utiliza para llamar a un ' localeCompare() ” método para comparar el primer alfabeto del nombre
- Este método realiza una iteración a través de todos los elementos de la matriz actual.
- Finalmente, el consola.log() El método se utiliza para mostrar los valores de la propiedad de nombre en orden alfabético.
Producción
La salida devuelve la matriz ordenada en orden alfabético, como Bob, Juan, y Pedro .
Ejemplo 2: ordenar matriz por orden numérico utilizando la propiedad de edad en JavaScript
Se sigue otro ejemplo para ordenar la matriz a través de las propiedades del objeto en JavaScript.
Código
consola.log ( 'Un ejemplo de matriz de clasificación en JavaScript' ) ;donde objAr = [
{ nombre: 'John' , años: 30 } ,
{ nombre: 'Pedro' , años: 27 } ,
{ nombre: 'Beto' , años: 38 }
] ;
producción =objAr.sort ( cmpEdad ) ;
función cmpEdad ( un, b )
{
devolver a.edad - b.edad;
}
consola.log ( producción ) ;
En este código:
- Una matriz objAr se crea en el que nombre y años las propiedades se almacenan.
- Después de eso, un método llamado cmpEdad se utiliza para comparar la años
- Además, el clasificar() método se utiliza para llamar a la cmpEdad() método para comparar la años
- El método evalúa todos los valores de la años propiedad en la matriz.
- Al final, el consola.log() se emplea para mostrar la propiedad de edad en orden ascendente.
Producción
La salida muestra la matriz ordenada mediante el uso de la años propiedad en JavaScript.
Conclusión
En JavaScript, el método incorporado array.ordenar() se emplea para ordenar una matriz accediendo a sus propiedades. El método utiliza la función de devolución de llamada para realizar iteraciones a través de todos los elementos de la matriz existente. Se muestran dos ejemplos para ordenar la matriz por alfabético tanto como numérico ordenar. Por lo tanto, debe comprender cómo ordenar una matriz según las propiedades de los objetos. Además, todos los navegadores famosos soportan el array.ordenar() método de JavaScript .