{"id":749,"date":"2025-03-26T22:06:11","date_gmt":"2025-03-26T22:06:11","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=749"},"modified":"2025-03-31T21:05:28","modified_gmt":"2025-03-31T21:05:28","slug":"desestructuracion-de-objetos-con-javascript","status":"publish","type":"post","link":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=749","title":{"rendered":"Desestructuraci\u00f3n de Objetos con JavaScript"},"content":{"rendered":"\n

La desestructuraci\u00f3n de objetos es una poderosa caracter\u00edstica de JavaScript, introducida en ECMAScript 6 (ES6)1<\/a><\/sup>, que permite extraer propiedades de un objeto y asignarlas a variables de forma directa y sencilla. La desestructuraci\u00f3n permite que el c\u00f3digo sea m\u00e1s limpio y f\u00e1cil de leer, especialmente cuando trabajamos con objetos grandes o complejos. <\/p>\n\n\n\n

En la siguiente infograf\u00eda, exploraremos c\u00f3mo funciona esta t\u00e9cnica y sus beneficios para escribir c\u00f3digo m\u00e1s eficiente y claro en JavaScript. <\/p>\n\n\n\n

\n
\n
\"Infograf\u00eda<\/figure>\n<\/div>\n<\/div>\n\n\n\n

En el desarrollo del proyecto Dark Tourism en Costa Rica (https:\/\/multimedia.uned.ac.cr\/pem\/dark_tourism\/<\/a>)<\/em> del Programa de Producci\u00f3n Electr\u00f3nica Multimedial (PEM), se aplic\u00f3 la t\u00e9cnica de desestructuraci\u00f3n en la secci\u00f3n de rutas programadas. Esta t\u00e9cnica se utiliz\u00f3 para organizar y almacenar pares de datos de cada uno de los lugares de inter\u00e9s, facilitando as\u00ed que la API de Google Maps pudiera mostrar la informaci\u00f3n de cada punto de manera eficiente. Al emplear la desestructuraci\u00f3n, el c\u00f3digo se mantuvo compacto y ligero, optimizando su legibilidad y facilidad de exploraci\u00f3n, y evitando que fuera excesivamente extenso o complejo. <\/p>\n\n\n

  1. ECMAScript 6 (ES6), tambi\u00e9n conocido como ECMAScript 2015<\/strong>, es una versi\u00f3n del est\u00e1ndar ECMAScript que introduce mejoras significativas al lenguaje JavaScript. Fue publicado en 2015<\/strong> y trajo consigo nuevas caracter\u00edsticas que facilitan el desarrollo de aplicaciones modernas. \u21a9\ufe0e<\/a><\/li><\/ol>\n\n\n

    Referencias<\/h2>\n\n\n\n

    ECMA International. (2015). Est\u00e1ndar ECMAScript. https:\/\/www.ecma-international.org\/ecma-262\/6.0\/<\/a><\/p>\n\n\n\n

    Multimedia UNED. (s.f.). Dark Tourism<\/em> <\/em>[sitio web], Galer\u00eda de multimedias del Programa de Producci\u00f3n Electr\u00f3nica Multimedial, de la UNED. https:\/\/multimedia.uned.ac.cr\/index.php?action=detalle&id=136<\/a><\/p>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    La desestructuraci\u00f3n de objetos es una poderosa caracter\u00edstica de JavaScript, introducida en ECMAScript 6 (ES6), que permite extraer propiedades de un objeto y asignarlas a variables de forma directa y sencilla. La desestructuraci\u00f3n permite que el c\u00f3digo sea m\u00e1s limpio y f\u00e1cil de leer, especialmente cuando trabajamos con objetos grandes o complejos.  En la siguiente […]<\/p>\n","protected":false},"author":8,"featured_media":752,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":"[{\"content\":\"ECMAScript 6 (ES6), tambi\u00e9n conocido como ECMAScript 2015<\/strong>, es una versi\u00f3n del est\u00e1ndar ECMAScript que introduce mejoras significativas al lenguaje JavaScript. Fue publicado en 2015<\/strong> y trajo consigo nuevas caracter\u00edsticas que facilitan el desarrollo de aplicaciones modernas.\",\"id\":\"263187d1-4796-4b38-93dc-0ba75efcb8ee\"}]"},"categories":[6],"tags":[34,30,27,29,25,26],"ppma_author":[38,47],"class_list":["post-749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion","tag-desarrollo-web","tag-experiencias","tag-recomendaciones","tag-recursos","tag-textual","tag-tutoriales"],"authors":[{"term_id":38,"user_id":8,"is_guest":0,"slug":"rulatep","display_name":"Rommy Cristina Ulate Paniagua","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/77d407803fbae62d5e2e39615312d8a3617e21fd7af977d086f919351e142999?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""},{"term_id":47,"user_id":12,"is_guest":0,"slug":"aczamora","display_name":"Ana Carolina Zamora Sanabria","avatar_url":{"url":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/carolina_s.png","url2x":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/carolina_s.png"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=749"}],"version-history":[{"count":7,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/749\/revisions"}],"predecessor-version":[{"id":783,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/749\/revisions\/783"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/media\/752"}],"wp:attachment":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=749"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fppma_author&post=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}