{"id":973,"date":"2019-08-20T09:57:51","date_gmt":"2019-08-20T07:57:51","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/5-5-2-llistes-amb-snap\/"},"modified":"2019-10-15T16:18:09","modified_gmt":"2019-10-15T14:18:09","slug":"5-5-2-llistes-amb-snap","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/5-5-2-llistes-amb-snap\/","title":{"rendered":"5.5.2. Listas con Snap!"},"content":{"rendered":"<p>Para crear una lista con Snap!, hay dos m\u00e9todos principales. El primero es usar el bloque \u00ablista\u00bb del men\u00fa \u00abVariables\u00bb. Esto nos permite ir a\u00f1adiendo manualmente los elementos que queramos. El mismo bloque tiene unas flechas peque\u00f1as que nos permiten crear o eliminar elementos.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1420\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_118_cast.png\" alt=\"\" width=\"300\" height=\"22\" \/><\/p>\n<p>Si este bloque \u00ablista\u00bb lo asignamos a una variable, a partir de entonces esta variable es una lista que podemos manipular cuando queramos.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1422 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_119_cast.jpg\" alt=\"\" width=\"500\" height=\"114\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_119_cast.jpg 500w, \/wp-content\/uploads\/2019\/10\/20.212_119_cast-300x68.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Por ejemplo, podemos a\u00f1adir un nuevo elemento:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1424 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_120_cast.jpg\" alt=\"\" width=\"350\" height=\"104\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_120_cast.jpg 350w, \/wp-content\/uploads\/2019\/10\/20.212_120_cast-300x89.jpg 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/p>\n<p>O podemos hacer que nuestro personaje \u00abdiga\u00bb el nombre del elemento 2 de la lista:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1426 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_121_cast.jpg\" alt=\"\" width=\"400\" height=\"72\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_121_cast.jpg 400w, \/wp-content\/uploads\/2019\/10\/20.212_121_cast-300x54.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Otra manera muy \u00fatil de crear listas es importar los datos con un fichero. Clicando sobre una variable ya creada con el bot\u00f3n derecho, tendr\u00e9is la opci\u00f3n de importar. Snap! permite importar ficheros con el formato CSV (<em>comma-separated values<\/em>), que es muy com\u00fan. Generalmente las hojas de c\u00e1lculo y las bases de datos os permiten guardar los ficheros en formato CSV.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1428 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/0.212_122_cast.png\" alt=\"\" width=\"233\" height=\"151\" \/><\/p>\n<p>Por ejemplo, podr\u00edamos descargarnos <a href=\"https:\/\/raw.githubusercontent.com\/kristinriebe\/solarsystem-workshop\/master\/planets.csv\" target=\"_blank\" rel=\"noopener noreferrer\">este fichero CSV<\/a> en el ordenador, que es una lista de los planetas del sistema solar con los radios, distancias, etc.<\/p>\n<p>Entonces creamos una variable que se llame \u00abplanetas\u00bb, clicamos encima con el bot\u00f3n derecho, elegimos \u00abImportar\u00bb y buscamos el fichero que hemos descargado previamente.<\/p>\n<p>Despu\u00e9s de ejecutar esta instrucci\u00f3n ya tendremos una tabla con todos los datos:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1430 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_124_cast.png\" alt=\"\" width=\"455\" height=\"263\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_124_cast.png 455w, \/wp-content\/uploads\/2019\/10\/20.212_124_cast-300x173.png 300w\" sizes=\"(max-width: 455px) 100vw, 455px\" \/><\/p>\n<p>Esto ya no es una simple lista, sino una tabla, que en Snap! puede ser considerada una lista de listas. Por ejemplo, el elemento 3 de la lista \u00abplanetas\u00bb es toda la fila de Mercurio, y por lo tanto nos devuelve una lista.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1432 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_125_cast.png\" alt=\"\" width=\"372\" height=\"297\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_125_cast.png 372w, \/wp-content\/uploads\/2019\/10\/20.212_125_cast-300x240.png 300w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/p>\n<p>Si queremos acceder al radio de Mercurio, deberemos seleccionar el elemento 2 del elemento 3 de \u00abplanetas\u00bb:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1434 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_126_cast.png\" alt=\"\" width=\"359\" height=\"52\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_126_cast.png 359w, \/wp-content\/uploads\/2019\/10\/20.212_126_cast-300x43.png 300w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para crear una lista con Snap!, hay dos m\u00e9todos principales. El primero es usar el bloque \u00ablista\u00bb del men\u00fa \u00abVariables\u00bb. Esto nos permite ir a\u00f1adiendo manualmente los elementos que queramos. El mismo bloque tiene unas flechas peque\u00f1as que nos permiten crear o eliminar elementos. Si este bloque \u00ablista\u00bb lo asignamos a una variable, a partir [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/973"}],"collection":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=973"}],"version-history":[{"count":4,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/973\/revisions"}],"predecessor-version":[{"id":1436,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/973\/revisions\/1436"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}