Objetivo

Utilizar las estructuras de control condicionales y los bucles

Lecturas propuestas

• Variables
• Operadores
• Estructuras de control de flujo

---

Variables De jаvascript

Las variables de jаvascript son contenedores para almacenar valores de datos.

En este ejemplo, x, y y z son variables:

Ejemplo:

var x = 5;
var y = 6;
var z = x + y;

Del ejemplo anterior, puedes esperar:  -  Ver ejemplo

• x almacena el valor 5
• y almacena el valor 6
• z almacena el valor 11

Mucho como el álgebra

En este ejemplo, price1, price2 y total son variables:

Ejemplo:

var price1 = 5;
var price2 = 6;
var total = price1 + price2;

Ver ejemplo. En la programación, al igual que en álgebra, utilizamos variables (como price1) para mantener los valores.

En la programación, al igual que en álgebra, utilizamos variables en expresiones (total = precio1 + precio2).

Del ejemplo anterior, puedes calcular el total para ser 11.

Identificadores de jаvascript

Todas las variables jаvascript deben identificarse con nombres únicos .


Estos nombres únicos se llaman identificadores .

Los identificadores pueden ser nombres cortos (como xey) o nombres más descriptivos (edad, suma, totalVolumen).

Las reglas generales para construir nombres para variables (identificadores únicos) son:

• Los nombres pueden contener letras, dígitos, guiones bajos y signos de dólar.
• Los nombres deben comenzar con una letra
• Los nombres también pueden comenzar con $ y _ (pero no lo usaremos en este tutorial)
• Los nombres son sensibles a las mayúsculas y minúsculas (yy son variables diferentes)
• Las palabras reservadas (como palabras clave de jаvascript) no se pueden usar como nombres

El operador de asignación

En jаvascript, el signo igual (=) es un operador de "asignación", no un operador "igual a".

Esto es diferente de álgebra. Lo siguiente no tiene sentido en álgebra:

x = x + 5

En jаvascript, sin embargo, tiene perfecto sentido: asigna el valor de x + 5 a x.

(Calcula el valor de x + 5 y coloca el resultado en x. El valor de x se incrementa en 5)

Tipos de datos de jаvascript

Las variables de jаvascript pueden contener números como 100 y valores de texto como "John Doe".

En la programación, los valores de texto se llaman cadenas de texto.

jаvascript puede manejar muchos tipos de datos, pero por ahora, solo piense en números y cadenas.

Las cadenas están escritas dentro de comillas dobles o simples. Los números se escriben sin comillas.

Si coloca un número entre comillas, se tratará como una cadena de texto.

Ejemplo:

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

Ver ejemplo.

Declarando (Creando) Variables de jаvascript

Crear una variable en jаvascript se llama "declarar" una variable.

Usted declara una variable de jаvascript con la palabra clave var:

var carName;

Después de la declaración, la variable no tiene valor. (Técnicamente tiene el valor de indefinido )

Para asignar un valor a la variable, use el signo igual:

carName = "Golf";

También puede asignar un valor a la variable cuando la declare:

var carName = "Golf";

En el siguiente ejemplo, creamos una variable llamada carName y le asignamos el valor "Golf".

Luego "enviamos" el valor dentro de un párrafo HTML con id = "demo":

Ejemplo:

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName; 
</script>

Ver ejemplo. - Es una buena práctica de programación declarar todas las variables al comienzo de una secuencia de comandos.

Una declaración, muchas variables

Puede declarar muchas variables en una declaración.

Comience la instrucción con var y separe las variables por comas:

var person = "John Doe", carName = "Volvo", price = 200;

Ver ejemplo. - Una declaración puede abarcar múltiples líneas:

var person = "John Doe",
carName = "Volvo",
price = 200;

Ver ejemplo.

Valor = indefinido

En los programas de computadora, las variables a menudo se declaran sin un valor. El valor puede ser algo que debe calcularse, o algo que se proporcionará más tarde, como la entrada del usuario.

Una variable declarada sin un valor tendrá el valor indefinido .

La variable carName tendrá el valor indefinido después de la ejecución de esta declaración:

Ejemplo:

var carName;

Ver ejemplo.

Re-declarando variables de jаvascript

Si vuelve a declarar una variable de jаvascript, no perderá su valor.

La variable carName todavía tendrá el valor "Volvo" después de la ejecución de estas declaraciones:

Ejemplo:

var carName = "Volvo";
var carName;

Ver ejemplo.

Aritmética de jаvascript

Al igual que con el álgebra, puede hacer aritmética con variables de jаvascript, usando operadores como = y +:

Ejemplo:

var x = 5 + 2 + 3;

Ver ejemplo.

También puede agregar cadenas, pero las cadenas se concatenarán:

Ejemplo:

var x = "Tutoriales " + "En " + "Linea";

Ver ejemplo.

También prueba esto:

Ejemplo:

var x = "5" + 2 + 3;

Ver ejemplo.
Ahora prueba esto:

Ejemplo:

var x = 2 + 3 + "5";

Ver ejemplo.

- Distinción entre variables locales y globales