Sintaxis de JavaScript y tipos de datos

La sintaxis y los tipos de datos de JavaScript son conceptos fundamentales que debes comprender a medida que aprendes JavaScript. La sintaxis de un lenguaje de programación incluye sus reglas para escribir y estructurar código, mientras que los tipos de datos representan la clasificación de valores que puedes almacenar y manipular en tu código.

Sintaxis de JavaScript

A continuación se muestran algunas reglas básicas para escribir y estructurar de código en JavaScript:

• JavaScript distingue entre mayúsculas y minúsculas, lo que significa que importan las mayúsculas y minúsculas de los caracteres y las palabras clave que utilices. Entonces, si escribes una palabra como name en tu código, JavaScript la verá como diferente de Name. Esta es una confusión común entre los principiantes al escribir código, así que presta mucha atención a los casos que utilizas.
• Utiliza espacios, tabulaciones y nuevas líneas para que tu código sea legible, pero asegúrate de mantener la coherencia. Esto también se conoce como sangría y verás ejemplos a medida que avancemos.
• Puedes optar por escribir un punto y coma (;) al final de cada declaración. Una declaración es cualquier línea de código que indica a la computadora que realice una tarea específica. Terminar declaraciones con punto y coma solía ser un requisito para que el código JavaScript se ejecutara correctamente, pero ya no es así. Entonces verás algunas bases de código con punto y coma y otras sin él. Es importante mantener coherente el estilo de tu código, ya que esto facilitará la legibilidad y la comprensión, por lo que si eliges usar punto y coma, úsalos para cada declaración en tu código, y si eliges prescindir del punto y coma, no los uses en absoluto.

Hay algunas reglas más que no te resultarán fáciles de entender ahora, así que te las mostraré a medida que avancemos.

Tipos de datos

En JavaScript, hay varios tipos de datos que se utilizan para representar diferentes tipos de información, como números, texto o valores verdadero/falso. Los tipos de datos más básicos son números, cadenas de texto y booleanos. Una colección de múltiples valores con el mismo o diferente tipo de datos se denomina estructura de datos.

JavaScript es un lenguaje de tipado dinámico, lo que significa que el tipo de un valor se determina mientras el programa se está ejecutando y puede cambiar durante el programa. Esto es diferente de otros lenguajes de programación en los que debes establecer el tipo del valor al crearlo y no puedes cambiarlo más adelante. Estos otros lenguajes se denominan de tipado estático. Hay varios tipos de datos básicos en JavaScript, que incluyen:

Números

Los números en JavaScript pueden ser números enteros o valores de punto flotante. Los números enteros son números enteros como 1, 2 o 3, y los valores de punto flotante son números con puntos decimales como 7.8 o 0.05.

Ya usaste console.log() para mostrar tu nombre en la consola del navegador. console.log() también es un método, que explicaremos en detalle más adelante. Por ahora, puedes reconocer los métodos con el paréntesis () después de ellos. Representan un conjunto de instrucciones para la computadora.

Introduzcamos otro método, typeof(). Usaremos esto para descubrir el tipo de cualquier valor que creemos en JavaScript. En la consola de tu navegador, escribe el siguiente código y presionar la tecla Enter, lo que debería mostrar el texto 'number':

typeof(10)

'number'

Es importante que practiques todo lo que aprendas para que sea más fácil comprenderlo y recordarlo. Intenta utilizar el método tyepof() para averiguar el tipo de -10. Observa que aún recibe la respuesta 'number'. Esto se debe a que no existe diferencia entre números positivos y negativos. Los números positivos son números mayores que cero y los números negativos son menores que cero. Puedes representar números positivos y negativos con la misma sintaxis en JavaScript.

Cadenas de texto

En JavaScript, una cadena es un grupo de caracteres que se utiliza para almacenar texto. Las cadenas se utilizan comúnmente para almacenar palabras y oraciones. Para escribir una cadena, debes encerrarla entre comillas simples ('Esto es una cadena') o comillas dobles (“Esto también es una cadena”). Ambos tipos de comillas se pueden utilizar para escribir cadenas, siempre que se utilicen de forma coherente. Entonces, si comienzas a escribir una cadena con comillas simples, debes terminarla con comillas simples.

Una cadena puede ser una sola palabra, oración o varios párrafos y puede contener cualquier combinación de letras, números y espacios. El texto “Mi nombre es Esdocu” en la declaración console.log() que usamos antes también es una cadena.

Imprimamos la cadena "Hola mundo" en la consola, usando comillas simples y dobles:

console.log('¡Esto es realmente genial!')
console.log("¡Esto es realmente genial!")

Ahora, intenta usar el método tyepof() para averiguar el tipo de 'Hola mundo'. Recuerde prestar mucha atención a las mayúsculas y minúsculas de las palabras clave. Por ejemplo, no hay letras mayúsculas en el método typeof().

typeof('Hola mundo')

'string'

La cadena de texto (string) es un tipo de datos importante en JavaScript. Puedes usarlo para representar datos basados en texto como nombres, mensajes o direcciones.

Booleanos

Los booleanos representan valores verdaderos (true) o falsos (false). A menudo se utilizan para hacer comparaciones y determinar si se debe ejecutar un conjunto de instrucciones. Cuando ejecutas el código typeof(true) en la consola de tu navegador, deberías obtener la respuesta 'boolean.

Para realizar comparaciones de valores en JavaScript, puedes utilizar los símbolos; > (mayor que), < (menor que), o === (es lo mismo que).

Ahora, veamos si las cadenas 'Oye' y 'oye' son iguales en JavaScript. Ejecute la siguiente línea de código en la consola de su navegador:

'Oye' === 'oye'

La ejecución del código anterior debería devolver false, y eso se debe a que las cadenas distinguen entre mayúsculas y minúsculas en JavaScript.

Los booleanos son un tipo de datos importante en JavaScript, ya que te permiten representar valores lógicos, hacer comparaciones y ejecutar código de forma condicional.

Comentarios en JavaScript

En JavaScript, los comentarios son fragmentos de texto dentro del código que se ignoran cuando se ejecuta el código.

Son útiles para agregar notas a tu código o para deshabilitar temporalmente un fragmento de código sin tener que eliminarlo. Hay dos formas de escribir comentarios en JavaScript: comentarios de una sola línea y comentarios de varias líneas.

Comentarios de una sola línea

Los comentarios de una sola línea comienzan con dos barras diagonales (//) y continúan hasta el final de la línea. Por ejemplo:

// Este es un comentario de una sola línea

Comentarios de varias líneas

Los comentarios de varias líneas comienzan con una barra diagonal y un asterisco (/*) y terminan con un asterisco y una barra diagonal (*/). Pueden abarcar varias líneas y pueden usarse para deshabilitar bloques de código o para agregar notas y explicaciones más largas a tu código. A continuación se muestra un ejemplo de un comentario de varias líneas:

/*
   Esto es un
   comentario de varias líneas
*/

Es una buena práctica hacer que el código sea lo suficientemente legible como para que no sea necesario agregar comentarios para explicar lo que hace. Sin embargo, los comentarios son útiles cuando quieres explicar por qué hiciste algo de cierta manera, o cuando crees que tu código podría resultar confuso para otra persona o incluso para tu yo futuro.

El uso excesivo de comentarios puede hacer que tu código esté desordenado y sea difícil de leer, por lo que es importante lograr un equilibrio entre escribir código legible y agregar comentarios cuando sea necesario.

Declaraciones condicionales básicas (if-else)

En JavaScript, puedes utilizar declaraciones condicionales para ejecutar diferentes bloques de código dependiendo de si se cumple o no una condición. Un bloque de código es un grupo de declaraciones encerradas entre llaves.

Las declaraciones condicionales son un aspecto crucial de la programación, ya que te permiten controlar el flujo de tu programa y hacer que se comporte de manera diferente en diversas situaciones.

Hay dos tipos principales de declaraciones condicionales en JavaScript: declaraciones if y declaraciones switch. En esta sección, aprenderás sobre las declaraciones if y, más adelante, sobre las declaraciones switch.

La declaración if

Una declaración if te permite ejecutar un bloque de código si una condición específica es verdadera. Esta es la sintaxis básica para una declaración if:

if (Condición) {
    // Código a ejecutar si la condición es verdadera.
}

La condición es una expresión booleana que se evalúa como verdadera o falsa. Una expresión es una combinación de valores y operadores que se evalúa como un único valor. Por ejemplo, 10 > 5 es una expresión que se evalúa como verdadera (true) y 10 < 5 es una expresión que se evalúa como falsa (false). Una expresión también puede ser un valor único, como un número, una cadena o un valor booleano.

Si la condición se evalúa como verdadera, se ejecuta el bloque de código dentro de la declaración if. Si la condición se evalúa como falsa, se omite el bloque de código. El bloque de código está encerrado entre llaves {} y se denomina cuerpo de la sentencia if.

Por ejemplo, ejecutar el siguiente código debería devolver la cadena '7 es mayor que 5':

if (7 > 5) {
    console.log('7 es mayor que 5')
}

Dado que 7 es mayor que 5, se ejecutará la instrucción console.log() entre llaves. Del mismo modo, ejecutar el siguiente código no devolverá nada en tu consola:

if (7 < 5) {
    console.log('7 es menor que 5')
}

Observa que cambiamos el símbolo de comparación de > (mayor que) a < (menor que). Como 7 no es menor que 5, la computadora no ejecutará la instrucción console.log().

También notarás que el bloque de código dentro de las llaves tiene dos espacios delante. Esto se llama sangría y hace que el código sea más fácil de leer y comprender. Sangramos el código para mostrar que está dentro de un bloque. Si no aplicamos sangría al código dentro de la declaración if, sería difícil saber si es parte de la declaración if o si es una declaración completamente separada. No se requiere sangría para ejecutar JavaScript, pero es necesaria para escribir código legible y evitando errores. Puedes usar cualquier cantidad de espacios para la sangría, pero es común usar dos espacios. Encontrarás algunos desarrolladores que utilizan cuatro espacios o tabulaciones, pero es mejor ser coherente con el estilo que tú o tu equipo elijan.

La cláusula else

Puedes agregar una cláusula else a una declaración if, que te permite especificar un bloque de código para ejecutar si la condición es falsa. Esta es la sintaxis básica para una declaración if-else:

if (Condición) {
    // Código a ejecutar si la condición es verdadera.
} else {
    // Código a ejecutar si la condición es falsa.
}

Agreguemos una cláusula else a nuestra declaración condicional:

if (7 < 5) {
    console.log('7 es menor que 5')
} else {
    console.log('La condición es falsa')
}

Dado que 7 no es menor que 5, ejecutar el código anterior debería devolver la cadena 'La condición es falsa'.

Las declaraciones condicionales son una herramienta esencial para crear programas que puedan adaptarse a diferentes circunstancias y tomar decisiones en función de los datos que reciben.

Cubriremos declaraciones condicionales más complejas y otras formas en que podemos escribirlas a medida que avancemos.