Estas en: gratiszona >> apuntes >> javascript

javascript: tipos de datos

4.- Tipos de Datos

Cuando declaramos una variable, ésta no pertenece a ningún tipo de dato en concreto, se dice que es Undefined. Es al asignarle un valor cuando pasa a ser de uno u otro tipo, según el dato que albergue.

Existen 6 tipos de datos:

String: cadenas de texto Object: objetos

Number: valores numéricos Null: nulo

Boolean: true o false Undefined: no definido.

Podemos averiguar el tipo de dato que contiene una variable si utilizamos la función incorporada typeof

Escribe el siguiente programa:

<HTML>

<SCRIPT LANGUAGE=''JavaScript''>

// PROG005.HTM

var Pepe;

var PEPE="Hola que tal ";

var pepE=75.47;

var pEpe=" ¿Como estás?";

Pepe=PEPE+pEpe;

alert("PEPE="+PEPE);

alert("PEPE es "+typeof(PEPE));

alert("pepE="+pepE);

alert("pepE es "+typeof(pepE));

alert("pEpe="+pEpe);

alert("pEpe es "+typeof(pEpe));

alert("Pepe="+Pepe);

alert("Pepe es "+typeof(Pepe));

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog005.htm

Ejecútalo tantas veces como quieras.

5.- El tipo de dato "String":

En JavaScript los textos se denotan por comillas dobles o comillas simples, pero no ambas a la vez.

Variable1 = "Pepito"

Variable2 = 'Paquito'

Podemos incluir un carácter de control en una cadena de texto, si utilizamos el llamado carácter de escape que es: \

Los caracteres de control más usados son:

\n salto de línea

\t tabulador

Escribe el siguiente programa:

<HTML>

<SCRIPT LANGUAGE="JavaScript">

// PROG006.HTM

var num;

alert("Hola que tal");

alert("Hola \nque tal");

alert("Hola\t"+"que"+"\n"+"tal");

alert("Hola\n que\n t\nal");

num=prompt("Escribe un número: ","");

alert("El \ndoble\n es: \n"+(num*2));

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog006.htm

Ejecútalo, observando detenidamente la acción de \n y \t

Si no introducimos un número en el "prompt", en el "alert" correspondiente al doble del número, aparecerá NaN, que quiere decir que no es un número.

6.- El tipo de datos "Number"

Podemos guardar indistintamente en una variable number un número entero, decimal, positivo o negativo.

Ejemplos:

var numNatural= 1234;

var numEntero = -479;

var numDecimal = 3.141592;

var numDecimal2 = -0.123;

Bases de Numeración en JavaScript (números enteros)

Por defecto, el sistema de numeración es el decimal.

Base Hexadecimal (base 16): anteponemos el prefijo 0X

Base Octal (base 8): anteponemos un cero

Dígitos del sistema decimal: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

Dígitos del sistema hexadecimal: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A (que corresponde al 10 en base decimal), B (que corresponde al 11 en decimal), C (12), D (13), E (14), F (15)

Ejemplo:

FF32 en base 16 es 2 + 3*16 + 15*16² + 15*16³ = 65330 en sistema decimal

Es decir: 0xFF32 (número en base 16, según notación de JavaScript) = FF32₁₆ = 65330₁₀

12345₈ = 5 + 4*8 + 3*8² + 2*8³ + 1*8⁴ = 5349₁₀

Es decir: 012345 (número en base 8, según notación de JavaScript) = 12345₈ = 5349₁₀

Escribe el siguiente programa:

<HTML>

<SCRIPT LANGUAGE=''JavaScript''>

// PROG007.HTM

var n1=57; // número en base 10

var n2=012345; //base 8, porque empieza por 0

var n3=0xFF32; //base 16, porque empieza por 0x

alert("número decimal= "+n1);

alert("el 12345 en base 8 es en decimal= "+n2);

alert("el FF32 en base 16 es en decimal= "+n3);

/* Observa que al escribir una variable numérica en un "alert"

siempre nos da el número en decimal,

aunque sea en octal o hexadecimal */

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog007.htm y ejecútalo.

En el programa anterior aparecen 3 "alerts", uno para cada uno de los tres números. No hay ningún problema para incluir los tres "alerts" en uno solo....

En efecto, escribe el siguiente programa:

<HTML>

<SCRIPT LANGUAGE=''JavaScript''>

// PROG007b.HTM

var n1=57; // número en base 10

var n2=012345; //base 8, porque empieza por 0

var n3=0xFF32; //base 16, porque empieza por 0x

alert("número decimal= "+n1+"\n"+

"el 12345 en base 8 es en decimal= "+n2+"\n"+

"el FF32 en base 16 es en decimal= "+n3);

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog007b.htm y ejecútalo.

Observa que la solución de nuestro problema está:

Unir texto (entre comillas) y variables (sin comillas), con el signo "+"

Cada vez que deseemos un cambio de línea, incluimos "\n"

Veamos otra forma de incluir en un "alert" muchos datos ...

Escribe:

<HTML>

<SCRIPT LANGUAGE="JavaScript">

// Prog007bb.htm

var x,y,z;

salida="";

var x1="Pepito Grillo", y1="Paquita González";

var num1=37, num2=3.752;

x=prompt("Escribe tu nombre:","");

y=prompt("Escribe tu primer apellido:","");

z=prompt("Escribe tu segundo apellido:","");

salida=salida+"Ahora un alert largo ";

salida=salida+x+y+z;

salida=salida+x1+" "+y1;

salida=salida+num1+" "+num2;

salida=salida+" ,ya me he cansado";

alert(salida);

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog007bb.htm y ejecútalo.

Observa de qué forma acumulamos muchos datos en un solo "alert" (ésta será la forma de proceder, cuando necesitemos una "salida" con muchos valores):

definimos una variable "vacía": var salida="";

acumulamos a la variable salida todo lo que queramos: salida=salida+ lo que sea

"lo que sea" puede ser una cadena (un texto) o una variable (sea numérica o de texto).

salida=salida + x1 + " " + y1;

salida=salida + "ya me he cansado";

Para acabar, un solo "alert": alert(salida);

Variables nulas

Cuando una variable no contiene ningún valor, su contenido es nulo

Ejemplo: miVariable = "Hola";

miVariable= null; // la vaciamos para que no ocupe memoria.

Valores especiales para variables numéricas

NaN: no es un número.

Infinity: infinito, por ejemplo 3/0

Escribe el siguiente programa:

<HTML>

<SCRIPT LANGUAGE="JavaScript">

// PROG008.HTM

var var1="Pepe";

var var2="Paquito";

var var3=5/0;

alert("Pepe es "+var1);

alert("Paquito + 2 es ="+(var2+2));

alert("5/0 es ="+var3);

</SCRIPT>

</HTML>

Grábalo en TuCarpeta con el nombre Prog008.htm y ejecútalo.

Anterior:
variables en javascript

Siguiente:
contadores

articulos relacionados

introduccion a javascript

javascript: sintaxis basica

variables en javascript

javascript: tipos de datos

javascript: contadores

javascript: conversion entre tipos

operadores logicos y relacionales en javascript

if else en javascript

bucle while en javascript

bucles for en javascript

switch case javascript

do while en javascript

calculos iterativos en javascript

el objeto math javascript. calculos

variable temporal en javascript

funciones sin retorno de parametro. javascript

funciones que devuelven parametros en javascript

arrays en javascript

matrices con varias dimensiones en javascript

codigo ascii/unicode y javascript

buscar una letra en un string con javascript

temporizadores en javascript

introduccion a javascript y html

javascript escribiendo en el navegador

formularios en javascript

botones en javascript

Actualizado: 18/09/2008
Mejor Internet Explorer o

Si has encontrado esta web de tu agrado, ¡ diselo a tus amigos ! Nos ayudas a cubrir gastos si con un simple SMS te bajas a tu movil un logo, un tono o una melodia polifonica desde:

www.gratiszona.com/moviles www.conmovil.com

¿Quieres LIGAR? Envía un mensaje con la palabra LIGAR.592 al 5511 y comienza a ligar y hacer amigos. ¡ASI DE FACIL!. OJO: no te equivoques al escribir o no funcionara

Escribe al Webmaster

Sugerir web

· ·