Una colección de JavaScript es muy parecida a un contenedor. Es solo un artículo que combina varios elementos en una sola unidad. La información agregada se almacena, se accede a ella, se modifica y se comunica a través de colecciones.
Con la ayuda de constructores, creamos colecciones en javascript. En versiones anteriores de javascript, los constructores se expresaban como funciones y se utilizaban de la misma manera. bajo colecciones vienen arreglos, conjuntos y mapas. Aprendamos cómo ordenarlos en este artículo.
Usamos el método sort() de JavaScript para ordenar las colecciones. Este método ordena la array en su lugar.
Sintaxis:
Array.prototype.sort()
ORDENAR UNA MATRIZ
Ejemplo 1: ordenar una array cuando la array tiene números como elementos:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript sorting collections</title>
</head>
<body>
<script>
// Sorting an array in ascending order
let array = [10, 2, 5, 12, 7];
array = array.sort(function (a, b) {
return a - b;
});
console.log("sorted array : " + array);
</script>
</body>
</html>
Producción:
Ejemplo 2: ordenar una array cuando la array consta de strings:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript sorting collections</title>
</head>
<body>
<script>
// Sorting an array of strings
let array = ["c", "b", "a"];
array = array.sort();
console.log("sorted array : " + array);
</script>
</body>
</html>
Producción:
ORDENAR UN MAPA
Ordenar un mapa cuando:
- Los mapas tienen pares de claves y valores.
- Los mapas funcionan como diccionarios.
- Tenemos que convertir el Mapa a Array para ordenar.
Ejemplo 1: Clasificación según valores:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript sorting collections</title>
</head>
<body>
<script>
// Creating a map and sorting it according to values.
let newMap = new Map();
newMap.set("a", 50);
newMap.set("c", 40);
newMap.set("b", 30);
newMap.set("d", 10);
newMap = Array.from(newMap).sort((a, b) => a[1] - b[1]);
console.log(newMap);
</script>
</body>
</html>
Producción:
Ejemplo 2: Clasificación según claves:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript sorting collections</title>
</head>
<body>
<script>
// Sorting map by keys
let newMap = new Map();
newMap.set("a", 50);
newMap.set("c", 40);
newMap.set("b", 30);
newMap.set("d", 10);
newMap = Array.from(newMap.entries()).sort();
console.log(newMap);
</script>
</body>
</html>
Producción:
ORDENAR UN CONJUNTO
Ordenar un conjunto cuando:
- Creamos un nuevo conjunto usando la nueva palabra clave.
- El conjunto contiene valores duplicados que se eliminan después de ejecutar el código.
- Necesitamos convertir el conjunto creado a Array para ordenarlo.
Ejemplo 1: ordenar un conjunto que contiene números:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript sorting collections</title>
</head>
<body>
<script>
// Converting a set into an array and sorting it.
new_set = Array.from(new Set([9, 9, 2, 4, 5, 11]))
.sort(function (a, b) {
return a - b;
});
console.log(new_set);
</script>
</body>
</html>
Producción:
Ejemplo 2: ordenar un conjunto de strings:
HTML
<!DOCTYPE html> <html> <head> <title>Javascript sorting collections</title> </head> <body> <script> new_set = Array.from(new Set(["rachel", "sam", "daniel"])) .sort(); console.log(new_set); </script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sarahjane3102 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA