Curso jQuery: 2 Variables

Una variable es un espacio reservado en memoria que recibe un nombre simbólico para poder acceder a dicho espacio, dicho espacio contiene un valor, bien sea conocido o no. Cuando creamos una variable todas se declaran de la misma manera con la palabra reservada var. Entonces una variable en principio no es de ningún tipo pues no va a almacenar un tipo de dato preestablecido, en otros lenguajes de programación como en C a la hora de declarar una variable necesitamos indicar que tipo de dato vamos a almacenar, en jQuery no es necesario, entonces ¿de que tipo sera la variable?. La variable será del tipo al que nosotros la inicialicemos por primera vez, por ejemplo si yo pongo:

var numero1=20;
var numero2=23.45;
var cadena="Esto es una cadena";
var booleano= true;

Hemos declarado tres variables, numero1 que sera de tipo entera, numero2 que sera de tipo decimal o flotante, cadena que sera una cadena de texto y la variable booleano que tomara el valor true.

A la hora de declarar las variables es una buena practica declararlas al principio del programa todas juntas para que asi de un simple vistazo podamos identificar aquellas variables que vamos a usar en el programa.

Otro tipo de variable que existe en todos los lenguajes de programacion son los Arrays o también llamados vectores o arreglos, un Array es un conjunto de variables que en jQuery pueden ser todas del mismo tipo o de diferentes tipos, por ejemplo si nosotros queremos declarar 10 numeros podemos declarar 10 variables con nombres diferentes o un Array de 10 posiciones. A la hora de declarar un Array se puede hacer de dos formas, una inicializando el Array a sus valores y otra indicando el numero de posiciones que tendremos en el Array.

var numeros1=[12,32,32,34];
var numeros2=new Array(4);

De esta manera hemos declarado un Array llamados numeros1 con 4 posiciones que tienen cada uno un valor distinto y otro numeros2 con 4 posiciones sin inicializar.

Para acceder al contenido o a una posición del Array se pone el nombre de la variable y entre [ ] el número de la posición a la que quiero acceder, por ejemplo numeros1[2], en este caso sera el valor 32, tenemos que tener en cuenta que en jQuery los Arrays empiezan en la posición 0.

En jQueyr o javascript tienen varias funciones o propiedades para trabajar con Arrays, entre las mas tipicas nos encontramos.

array.length –> nos dice el número total de elementos que contiene el Array

array.push(valor) — > añade valor a la ultima posición del Array

array.pop() –> borra el ultimo elemento del Array

array.join() –> une todos los elementos del Array en una cadena de texto separada por comas

cadena.split(valor) –> separa la cadena, por las coincidencias de valor, convirtiendola en un Array

var numeros=[2,4,6,9];
var cadena="";
numeros.pop();
//ahora el array tiene los valores 2,4,6
numeros.push(34);
//ahora el array tiene los valores 2,4,6,34
cadena=numeros.join();
//cadena vale "2,4,6,34"
alert (numeros.length);
//visualiza 4

Existe otro tipo de Arrays que son los asociativos, a los cuales en lugar de acceder por el número de la posición accedemos por un nombre a dicha posición, a la hora de inicializar el array se pone el nombre de la posición seguido de dos puntos y el valor de la posición. Y para visualizar un dato en lugar de poner la posición se pone el nombre del valor que quiero visualizar.

var datos={nombre:"luis", edad:34}
alert(datos[nombre]);

Una vez que sabemos como usar una variable podemos introducir una nueva sentencia que es prompt(texto_titulo,texto_casilla) que nos sirve para pedir al usuario un valor y dicho valor lo almacenaremos en una variable, con esa sentencia nos visualiza una ventana que tendrá el titulo que pongamos en texto_titulo, y una casilla en la que meter el valor deseado, en esta casilla aparecerá el valor que hayamos puesto en texto_casilla, este ultimo parámetro es opcional y podemos ignorarle.

var nombre;
nombre=prompt("Como te llamas?","Escribe tu nombre");
document.write("<br/> <h3>Te llamas "+nombre+"</h3>");
Comparte en tus redes sociales

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *