{"id":230,"date":"2022-11-04T13:54:00","date_gmt":"2022-11-04T13:54:00","guid":{"rendered":"https:\/\/pacohunterdev.com\/blog\/?p=230"},"modified":"2022-11-03T04:16:02","modified_gmt":"2022-11-03T04:16:02","slug":"ordenar-numeros-orden-descendiente-con-js","status":"publish","type":"post","link":"https:\/\/pacohunterdev.com\/blog\/2022\/11\/04\/ordenar-numeros-orden-descendiente-con-js\/","title":{"rendered":"Ordenar n\u00fameros orden descendiente con JS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> El problema dice algo as\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Dado un entero como argumento, regresarlo con sus d\u00edgitos en orden descendient<\/em>e. Ejemplo <strong>123456789<\/strong> debe regresar <strong>987654321<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Soluci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La soluci\u00f3n que plante\u00e9 es la siguiente:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Convertir el n\u00famero a cadena y separarlo para obtener un arreglo<\/li>\n\n\n\n<li>Ordenar el arreglo<\/li>\n\n\n\n<li>Revertir el arreglo<\/li>\n\n\n\n<li>Unir el arreglo para obtener una cadena<\/li>\n\n\n\n<li>Convertir la cadena a entero<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">1.- Dividiendo el numero con split<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lo primero que se hace es separar cada digito del n\u00famero con el m\u00e9todo split(), pero antes de esto debemos de convertirlo a cadena. Recuerda que split se especifica el separador con el cual queremos separar la cadena, pero en este caso se deja vac\u00edo porque queremos cada caracter de la cadena. Hasta aqu\u00ed quedar\u00eda<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"126\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-6.png\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-6.png 458w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-6-300x83.png 300w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"104\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-7.png\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-7.png 334w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-7-300x93.png 300w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2.- Ordenar el arreglo con sort<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora debemos ordenar los elementos del arreglo, la forma f\u00e1cil es con el m\u00e9todo sort(). Este m\u00e9todo puede recibir una funci\u00f3n de comparaci\u00f3n, pero en este caso es no nos interesa. Hasta ahora va as\u00ed<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"121\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-8.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-8.png 463w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-8-300x78.png 300w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"352\" height=\"95\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-9.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-9.png 352w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-9-300x81.png 300w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3.- Revertir el arreglo con reverse<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e9todo reverse() como su nombre lo indica, revierte el arreglo colocando el primer elemento al final y el \u00faltimo al principio, en palabras f\u00e1ciles de comprender hace que el orden sea al rev\u00e9s. Hasta ahora va as\u00ed<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"586\" height=\"161\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-11.png\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-11.png 586w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-11-300x82.png 300w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"104\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-12.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-12.png 396w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-12-300x79.png 300w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4.- Unir los elementos del arreglo con join<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e9todo join() se emplea para unir los elementos de un arreglo y representarlos como una cadena. En \u00e9l podemos establecer el separador si es que se desea. Pero no lo queremos separados, entonces luce as\u00ed<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"188\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-14.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-14.png 529w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-14-300x107.png 300w\" sizes=\"auto, (max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"348\" height=\"54\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-15.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-15.png 348w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-15-300x47.png 300w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5.- Convertir cadena a entero<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo la cadena obtenida la convertimos a entero con el m\u00e9todo parseInt(). Y al final el resultado es el siguiente<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"226\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-16.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-16.png 605w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-16-300x112.png 300w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"48\" src=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-17.png\" alt=\"\" class=\"wp-image-245\" srcset=\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-17.png 368w, https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/11\/image-17-300x39.png 300w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El problema dice algo as\u00ed. Dado un entero como argumento, regresarlo con sus d\u00edgitos en orden descendiente. Ejemplo 123456789 debe regresar 987654321 Soluci\u00f3n La soluci\u00f3n que plante\u00e9 es la siguiente: 1.- Dividiendo el numero con split Lo primero que se hace es separar cada digito del n\u00famero con el m\u00e9todo split(), pero antes de esto debemos de convertirlo a cadena. Recuerda que split se especifica el separador con el cual queremos separar la cadena, pero en este caso se deja vac\u00edo porque queremos cada caracter de la cadena. Hasta aqu\u00ed quedar\u00eda 2.- Ordenar el arreglo con sort Ahora debemos ordenar&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,17],"tags":[23],"class_list":["post-230","post","type-post","status-publish","format-standard","hentry","category-ejercicios","category-javascript","tag-javascript"],"_links":{"self":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":2,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/media?parent=230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/categories?post=230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/tags?post=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}