Los últimos tutoriales de desarrollo web
 

JavaScript Variables


Las variables de JavaScript

variables JavaScript son contenedores para el almacenamiento de valores de datos.

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

Ejemplo

var x = 5;
var y = 6;
var z = x + y;
Inténtalo tú mismo "

En el ejemplo anterior, se puede esperar:

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

Al igual que Álgebra

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

Ejemplo

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Inténtalo tú mismo "

En la programación, al igual que en el álgebra, utilizamos variables (como price1 ) para contener valores.

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

En el ejemplo anterior, se puede calcular el total ser 11.

variables JavaScript son contenedores para el almacenamiento de valores de datos.


Identificadores de JavaScript

Todas las variables de JavaScript deben estar identificadas con nombres únicos.

Estos nombres únicos son llamados identificadores.

Los identificadores pueden ser nombres cortos (como x e y ), o nombres más descriptivos (age, sum, totalVolume) .

Las normas generales para la construcción de nombres para las variables (identificadores únicos) son:

  • Los nombres pueden contener letras, dígitos, guiones y símbolos de dólar.
  • Los nombres deben comenzar con una letra
  • Los nombres también pueden comenzar con $ y _ (pero no vamos a utilizar en este tutorial)
  • Los nombres son mayúsculas y minúsculas (Y e Y son variables diferentes)
  • Las palabras reservadas (como palabras clave de JavaScript) no se pueden utilizar como nombres

identificadores de JavaScript entre mayúsculas y minúsculas.


El operador de asignación

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

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

x = x + 5

En JavaScript, sin embargo, tiene mucho sentido: se asigna el valor de x + 5 a x.

(Se calcula el valor de x + 5 y pone el resultado en x. El valor de x se incrementa en 5)

El "igual a" operador se escribe así == en JavaScript.


Tipos de datos de JavaScript

Las variables JavaScript pueden contener números como 100, y valores de texto como "John Doe" .

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

JavaScript puede manejar muchos tipos de datos, pero por ahora, sólo pensar en números y cadenas.

Las cadenas se escriben entre comillas dobles o simples. Los números se escriben sin comillas.

Si pones comillas alrededor de un número, que será tratada como una cadena de texto.

Ejemplo

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
Inténtalo tú mismo "

Declarando (Creación) Las variables de JavaScript

Creación de una variable en JavaScript se llama "declarar" una variable.

Se declara una variable de JavaScript con la var palabra clave:

var carName;

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

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

carName = "Volvo";

También puede asignar un valor a la variable cuando se declara que:

var carName = "Volvo";

En el ejemplo siguiente, se crea una variable llamada carName y asignamos el valor "Volvo" a ella.

Luego "salida" del 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>
Inténtalo tú mismo "

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


Una declaración, por muchas variables

Se puede declarar muchas variables en una sentencia.

Iniciar la declaración con var , separar las variables de coma:

var person = "John Doe", carName = "Volvo", price = 200;
Inténtalo tú mismo "

Una declaración puede abarcar varias líneas:

var person = "John Doe",
carName = "Volvo",
price = 200;
Inténtalo tú mismo "

Valor = indefinido

En los programas de ordenador, las variables se declaran a menudo sin un valor. El valor puede ser algo que tiene que ser calculado, o algo que se proporciona más adelante, al igual que la entrada del usuario.

Una variable declarada sin un valor tendrá el valorundefined.

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

Ejemplo

var carName;
Inténtalo tú mismo "

Re-declaración de variables de JavaScript

Si vuelve a declarar una variable de JavaScript, que no perderá su valor.

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

Ejemplo

var carName = "Volvo";
var carName;
Inténtalo tú mismo "

JavaScript aritmética

Al igual que con el álgebra, puede realizar operaciones aritméticas con variables de JavaScript, utilizando operadores como = y +:

Ejemplo

var x = 5 + 2 + 3;
Inténtalo tú mismo "

También puede agregar cadenas, pero se le concatena cadenas (añadido de extremo a extremo):

Ejemplo

var x = "John" + " " + "Doe";
Inténtalo tú mismo "

También intente esto:

Ejemplo

var x = "5" + 2 + 3;
Inténtalo tú mismo "

Si pones un número entre comillas, el resto de los números será tratada como cadenas, y se concatenan.


Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4» Ejercicio 5 » Ejercicio 6»