Fundamentos de programacin en JavaScript

Control de la salida
Existen dos formas de mostrar datos directamente en el explorador, usando los
mtodos write( ) y writeln( ), ambos del objeto document.
document.write(cadena)
document.writeln(cadena)
El argumento cadena se muestra en el explorador. Esta cadena puede ser texto sin
formato o cdigo HTML entre comillas simples o dobles.

El siguiente ejemplo muestra dos mensajes en el explorador

document.write(" Bienvenido a mi pgina web ")
document.write(' diseada con JavaScript ')
A pesar del uso de dos lneas de cdigo ambos mensajes se mostrarn en una.
Para forzar el cambio de lnea se puede usar la etiqueta HTML <br> como en la
siguiente variante:
document.write(" Bienvenido a mi pgina web <br>")
document.write(' diseada con JavaScript ')

Se pueden concatenar expresiones usando el operador + :

var Nombre = "Juan Prez", Edad = 22
document.write("Bienvenido a mi pgina web: " + Nombre)
if(Edad>=18) document.write("Ya eres todo un hombre de " + Edad)

El mtodo writeln( ) es casi idntico al mtodo write( ) excepto porque agrega un

carcter de nueva lnea (linebreak) al final de cualquier cadena. En HTML
normalmente produce un espacio en blanco al final de la expresin, pero si se usa
la etiqueta <pre> externa a <script>, el carcter de nueva lnea se interpreta
literalmente y el explorador lo muestra.
<pre><script>
document.writeln("El valor de es:")
document.write(Math.PI)
</script></pre>
Si se desea interrumpir parte de la cadena para mostrarla en una lnea siguiente se
usa el cdigo de escape "\n":
<pre><script>
document.write("Vistanos\nen\nwww.BackSlash.com")
</script></pre>

Histricamente el objeto document soporta tres mtodos ms para controlar la

salida por pantalla. Los otros mtodos son clear( ), open( ) y close( ). En cierto
modo es obvia la intepretacin del papel que cumplen cada una de estas sentencias
(limpiar, abrir y cerrar); en la prctica no se usan puesto que las sentencias write( )
y writeln( ) cierran el documento inevitablemente antes de una nueva escritura.
 Fundamentos de programacin en JavaScript

Variables y Constantes
Las variables son expresiones identificadas por un nombre usadas para almace-
nar datos, reservando un espacio de memoria del computador. Se declaran con
la palabra reservada var, pudiendo inicializarse y declararse ms de una variable:
var Numero;
var Valor, Suma=0, Producto=1;

Estas expresiones usadas deben ser significativas sin espacios y, como recomen-
dacin, no excederse de 16 caracteres. Se pueden usar dgitos despus de letras:
var Nombre, Edad, SueldoBruto;
var Enero2000, Febrero2000, Marzo2000;

Tambin caracteres especiales como guin bajo (_) y el smbolo monetario ($)
var _aux, Nombre_Articulo;
var $Importe, Sueldo$;

No est permitido el uso de caracteres especiales (smbolos, operadores, palabras

reservadas propias del lenguaje como var), ni expresiones con tildes (como , , ,
, , , ). Es sensible al uso de las maysculas (case-sensitive). En el ejemplo
siguiente las tres variables son diferentes a pesar de su pronunciacin:
var total, Total, TOTAL;

Se dice una constante a un valor que permanece inalterable durante el perodo

de vida de un programa.
En JavaScript no estn definidas las constantes y slo se deben asignar valores
desde el principio y evitar su actualizacin.

Se suelen usar expresiones en maysculas para representar constantes:

PI = 3.1416;
IGV = 0.19;
HABERBASICO = 460.00;
LENGUAJE = "JavaScript";
que al ser usadas:
var Radio=5, Circunferencia
Circunferencia = 2 * PI * Radio
Tienen las msmas reglas de declaracin que el de una variable.

Aunque en algunos casos est permitida la falta de declaracin de variables, es

recomendable su uso para delimitar el mbito en que se desarrollar y evitar con
esto su actualizacin o asignacin en cualquier parte del cdigo del programa.
 Fundamentos de programacin en JavaScript

Tipos de datos
La caracterstica de JavaScript que ms simplifica la programacin es que, aunque
el lenguaje soporta tres tipos de datos bsicos (literales, numricos y lgicos), no es
necesario declarar el tipo de las variables:
var Nombre = "Brisne"
var Edad = 3
var Varon = false;

Tambin acepta datos del tipo indefinido (undefined) y nulo (null).

Una de las caractersticas de este lenguaje es su tipologa dbil. A diferencia de los

dems lenguajes de programacin los tipos de datos que soporta se determina por
el tipo de labor que realiza y valor que se le asigna:
var x;
x = "JavaScript";
x = 2000;
x = false;
Aunque el tipo de variable cambia implcitamente y ayuda a programar con
rapidez, resulta ser una mala prctica en programacin.
Si las variables no se declaran se definen como globales o pblicas:
k = 50, i =100;

Las variables numricas pueden ser decimales, hexadecimales u octales:

var Diametro = 1428000
var Color = 0xFFFF00 // 16776960
var Secuencia = 025; // 21

Los valores reales o decimales pueden usar notacin cientfica (e E):

var PI = 3.141592;
var Distancia_al_Sol = 149.6E5; // 149600000
var Densidad_Hidrogeno = 8.9E-5; // 0.000089

Las variables lgicas solo se asignan con valores o resultados true o false:
var Varon = true;
var Descontinuado = false;
var Edad = 25, Mayor_de_Edad = Edad >= 18 //true

Para expresiones literales, pueden incluirse secuencias de escape:

var k = 50, i =100;
var Mensaje = "Cuidado con el perro\nNo lo pise"; //en 2 lneas
var Ruta = "C:\\Mis documentos\\"; // C:\Mis documentos\
var Apodo = "Le dicen \"Loco\"" // Le dicen "Loco"
 Fundamentos de programacin en JavaScript

Conversin numrica
Debido a que JavaScript es un lenguaje no tipado, bajo determinadas circunstan-
cias, es posible forzar la conversin del valor de una variable de un tipo de dato en
uno diferente. Se pueden incluir nmeros en las cadenas, pero no al contrario, por
lo que se proporcionan las funciones de conversin explcitas.

Mtodo parseInt
Devuelve un nmero entero convertido desde una cadena.
parseInt(cadenanumrica, [base])
donde cadenanumrica es un valor requerido y se usa para la convercin, base es
opcional y corresponde a un valor entre 2 y 36 que indica el sistema base. Si no se
puede analizar el prefijo de cadenanumrica, devuelve NaN (Not-a-Number)
parseInt("medida") // Devuelve NaN
parseInt("16cm") // Devuelve 16
En una divisin o nmero real omite la componente decimal.
parseInt("5/2") // Devuelve 2
parseInt("3.1416") // Devuelve 3
Devuelve el equivalente en el sistema decimal a partir de una base numrica:
parseInt("10000",2) // Devuelve 16
parseInt("67",8) // Devuelve 55
parseInt("ABC",16) // Devuelve 2748

Mtodo parseFloat
Devuelve un nmero de punto flotante convertido desde una cadena.
parseFloat(cadenanumrica)
El argumento cadenanumrica es una cadena que contiene un nmero real.
Si el prefijo de cadenanumrica no es un nmero de coma flotante, devuelve NaN.
parseFloat("ancho") // Devuelve NaN
parseFloat("523.45px") // Devuelve 523.45

En el ejemplo se muestra la diferencia de los resultados al aplicar ambos mtodos

para hallar el valor futuro (VF) a los valores actual (VA) 1234.50 e inters (I) de 5:
var VA, I, VF
VA = prompt("Monto de la inversin", 0)
I = prompt("Tasa de inters", 0)
VA = parseFloat(VA)
I = parseInt(I)
VF = VA + VA * I / 100
document.write("Su capital se incrementar en: " + VF)

Puede evaluar la expresin para conocer si es igual a NaN con el mtodo isNaN( )
Ambos mtodos pertenecen al objeto Global raras veces mencionado,
 Fundamentos de programacin en JavaScript

Operadores
JavaScript soporta diversos operadores, como los usados en aritmtica, en
comparaciones, en asignaciones, entre otros.

Operador de asignacin
El smbolo igual (=) se usa para pasar un valor u operacin a una variable.
var Planeta = "Jupiter", Distancia = 483600000, Visitado = false
La asignacin es de derecha a izquierda: y es posible asignar en forma mltiple:
var x = y = z = 2000;

Operadores aritmticos
+ adicin - sustraccin
* multiplicacin / divisin
% mdulo o residuo
Se pueden usar los parntesis para agrupar operaciones:
var Practica=15, Trabajo=14, Examen=12, Promedio;
Promedio = (Practica + Trabajo + Examen) / 4;

El operador + tambin se usa como operador literal de concatencin

var Mensaje, Saludo="Bienvenido: ", Usuario="Antonio";
Mensaje = Saludo + Usuario;

Operadores relacionales
Son aquellos operadores que se usan para establecer una relacin de comparacin
entre dos elementos. Devuelven true o false segn sea verdad o falsa la relacin
== igual a != diferente de
> mayor que >= mayor o igual que
< menor que <= menor o igual que
=== exactamente igual a !== bien diferente de
El siguiente ejemplo calcula el promedio de tres notas y devuelve true si aprueba:
var Nota1=12, Nota2=8, Nota=11, Promovido;
Promovido = (Nota1 + Nota2 + Nota3) / 3 > 10.5;

Operadores lgicos
Se usa para controlar el flujo de datos en ms de una comparacin
&& conjuncin lgica || disyuncin lgica
! negacin lgica
En el ejemplo devuelve true si es casado o tiene hijos
var CargaFamiliar, EstadoCivil="Casado", Hijos=2;
CargaFamiliar = (EstadoCivil == "Casado" || Hijos > 0);
 Fundamentos de programacin en JavaScript

Operadores avanzados
Operadores de fijacin
Una forma abreviada de aumentar o disminuir en una unidad una variable es:
++ incremento - - decremento
Por ejemplo:
var x=5, y=5
x++ //x vale 6
y-- //y vale 4
Un aspecto importante es la ubicacin del operador durante la asignacin. Estos
pueden ser postfijados (asignacin luego incremento) prefijados (al contrario).
var x=5, y=0
y = x++ //y vale 5 luego x vale 6
y = ++x //x vale 7 luego y vale 7

Operadores de asignacin abreviada

Equivale a las que realizan los acumuladores.
+= acumula adicin -= acumula sustraccin
*= acumula multipliacin /= acumula divisin
%= acumula modulo
Observe el siguiente ejemplo
var x=6
x += 8 //equivale a x=x+8 donde x vale ahora 14

Operador coma
Se usa como operador de instruccin mltiple de derecha a izquierda. El ltimo
resultado se asigna a la variable.
variable = (operacin1,operacin2,...,operacinN)
En el sigiuente ejemplo la ltima operacin induce el resultado de la variable:
var i=1, j=3 //i vale 1 y j, 3 al inicio
i = (i++, ++i, j*=2) //i vale 2, 3 y 6; j vale 6
Si se usa el operador void, se impide la asignacin final (undefined)
i = void (i++, ++i, j*=2) //i vale undefined; j, 6

Operador ternario
El operador ? se usa con operadores relacionales y/o lgicos devolviendo uno de
dos valores dependiendo del resultado de la evaluacin.
variable = comparacin ? verdadero : falso
En el ejemplo, dependiendo del resultado se muestra un mensaje diferente:
var Mensaje, Nota = ( 12 + 5 + 15 ) / 3
Mensaje = Nota >= 10.5 ? "Aprobado" : "Desaprobado"

El operador typeof se usa para devolver una cadena con el tipo de variable:
var Rpta1 = typeof Nota //devuelve number
var Rpta2 = typeof Mensaje //devuelve string