{"id":612,"date":"2023-11-13T17:42:27","date_gmt":"2023-11-13T20:42:27","guid":{"rendered":"https:\/\/stackcodelab.com\/blog\/?p=612"},"modified":"2023-11-13T17:42:28","modified_gmt":"2023-11-13T20:42:28","slug":"que-son-las-variables","status":"publish","type":"post","link":"https:\/\/stackcodelab.com\/blog\/que-son-las-variables\/","title":{"rendered":"\u00bfQu\u00e9 son las variables?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Variables y Tipos de Datos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfQu\u00e9 son las variables?<\/strong>&nbsp;En programaci\u00f3n, las variables son como contenedores que almacenan datos. Puedes pensar en ellas como cajas con etiquetas donde puedes guardar diferentes tipos de informaci\u00f3n. JavaScript te permite declarar variables utilizando las palabras clave&nbsp;<code>var<\/code>,&nbsp;<code>let<\/code>, o&nbsp;<code>const<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo de declaraci\u00f3n de variables:<\/strong> var nombre = \u00abJuan\u00bb; <em>\/\/ Declaraci\u00f3n de una variable llamada \u00abnombre\u00bb<\/em>let edad = 25;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <em>\/\/ Declaraci\u00f3n de una variable llamada \u00abedad\u00bb<\/em>const PI = 3.1416;&nbsp;&nbsp; <em>\/\/ Declaraci\u00f3n de una constante llamada \u00abPI\u00bb<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tipos de datos en JavaScript: n\u00fameros, cadenas, booleanos, objetos, arreglos<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript admite varios tipos de datos. Aqu\u00ed se presentan algunos de los m\u00e1s comunes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>N\u00fameros<\/strong>: Para representar valores num\u00e9ricos, ya sean enteros o decimales.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">let cantidad = 10;let precio = 29.99;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cadenas de texto<\/strong>: Para representar texto, encerrado entre comillas simples (&#8216; &#8216;) o dobles (\u00bb \u00ab).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">let nombre = \u00abAlice\u00bb;let mensaje = &#8216;Hola, \u00bfc\u00f3mo est\u00e1s?&#8217;;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Booleanos<\/strong>: Para representar valores verdaderos o falsos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">let esMayor = true;let esMenor = false;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Objetos<\/strong>: Para representar estructuras de datos m\u00e1s complejas.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">let producto = {&nbsp; nombre: \u00abZapatillas\u00bb,&nbsp; precio: 49.99,&nbsp; disponible: true};<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Arreglos<\/strong>: Para almacenar una lista de valores.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">let colores = [\u00abrojo\u00bb, \u00abverde\u00bb, \u00abazul\u00bb];let puntuaciones = [98, 75, 86];<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Conversi\u00f3n de tipos<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En JavaScript, a menudo necesitas convertir datos de un tipo a otro. Por ejemplo, convertir un n\u00famero en una cadena o viceversa. Puedes hacerlo de la siguiente manera: let numero = 42;let numeroComoTexto = numero.toString(); <em>\/\/ Convierte el n\u00famero en una cadena<\/em>let texto = \u00ab35\u00bb;let textoComoNumero = parseInt(texto); <em>\/\/ Convierte la cadena en un n\u00famero<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Ejercicio Pr\u00e1ctico<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed tienes un ejercicio para practicar el uso de variables y tipos de datos. Crea un programa que calcule el precio total de un carrito de compras con tres productos diferentes y luego muestre el resultado en la consola del navegador.<em>\/\/ Declaraci\u00f3n de variables para productos y precios<\/em>let producto1 = \u00abCamisa\u00bb;let precio1 = 25.99;&nbsp;let producto2 = \u00abPantalones\u00bb;let precio2 = 39.99;&nbsp;let producto3 = \u00abZapatos\u00bb;let precio3 = 49.99;&nbsp;<em>\/\/ C\u00e1lculo del precio total<\/em>let precioTotal = precio1 + precio2 + precio3;&nbsp;<em>\/\/ Mostrar el resultado en la consola<\/em>console.log(\u00abProductos en el carrito:\u00bb);console.log(producto1 + \u00ab: $\u00bb + precio1);console.log(producto2 + \u00ab: $\u00bb + precio2);console.log(producto3 + \u00ab: $\u00bb + precio3);console.log(\u00abPrecio Total: $\u00bb + precioTotal);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este ejercicio te permitir\u00e1 practicar la declaraci\u00f3n de variables, el uso de diferentes tipos de datos y operaciones matem\u00e1ticas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Resumen<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/www.stackcodelab.com\" data-type=\"link\" data-id=\"www.stackcodelab.com\">En este cap\u00edtulo<\/a>, hemos explorado c\u00f3mo declarar y usar variables en JavaScript, as\u00ed como los tipos de datos m\u00e1s comunes, incluyendo n\u00fameros, cadenas, booleanos, objetos y arreglos. <a href=\"http:\/\/www.gustabin.com\" target=\"_blank\" rel=\"noopener\">Adem\u00e1s<\/a>, hemos discutido c\u00f3mo convertir entre diferentes tipos de datos. La pr\u00e1ctica es esencial en la programaci\u00f3n, por lo que te he proporcionado un ejercicio para aplicar lo que has aprendido. En el pr\u00f3ximo cap\u00edtulo, continuaremos profundizando en los conceptos de JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Variables y Tipos de Datos \u00bfQu\u00e9 son las variables?&nbsp;En programaci\u00f3n, las variables son como contenedores que almacenan datos. Puedes pensar en ellas como cajas con etiquetas donde puedes guardar diferentes tipos de informaci\u00f3n. JavaScript te permite declarar variables utilizando las palabras clave&nbsp;var,&nbsp;let, o&nbsp;const. Ejemplo de declaraci\u00f3n de variables: var nombre = \u00abJuan\u00bb; \/\/ Declaraci\u00f3n de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[33],"tags":[],"class_list":["post-612","post","type-post","status-publish","format-standard","hentry","category-javascript-y-otras-hierbas"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"arquitecto","author_link":"https:\/\/stackcodelab.com\/blog\/author\/arquitecto\/"},"uagb_comment_info":0,"uagb_excerpt":"Variables y Tipos de Datos \u00bfQu\u00e9 son las variables?&nbsp;En programaci\u00f3n, las variables son como contenedores que almacenan datos. Puedes pensar en ellas como cajas con etiquetas donde puedes guardar diferentes tipos de informaci\u00f3n. JavaScript te permite declarar variables utilizando las palabras clave&nbsp;var,&nbsp;let, o&nbsp;const. Ejemplo de declaraci\u00f3n de variables: var nombre = \u00abJuan\u00bb; \/\/ Declaraci\u00f3n de&hellip;","_links":{"self":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":1,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/612\/revisions"}],"predecessor-version":[{"id":613,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/612\/revisions\/613"}],"wp:attachment":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/media?parent=612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/categories?post=612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/tags?post=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}