PDF de programación - Javascript Básico

Javascript Básico

Tabla de contenido

1. Introducción
2. ¿Cómo ejecutar Javascript?
3. Comentarios
4. Variables
5. Declaración de Variables
6. Tipos de Variables
7. Funciones variables tipo Strings
8. Funciones variables tipo array
9. Variables tipo Objeto
10. Igualdad
11. Operadores Matemáticos

i. Operadores Avanzados.

12. Condicionales / Estructuras de Control

i. Tipos de corchetes (llaves)

13. Ciclos/Bucles

2

Javascript Básico

Introducción

La Programación significa escribir código. Un libro está compuesto de capítulos, párrafos, sentencias, frases, palabras,
signos de puntuación, etc, igualmente un programa puede ser dividido en pequeños componentes, por ahora el más
importante son las sentencias o declaraciones.

Una sentencia es más conocida como una línea de código, esto debido a que las sentencias tienden a ser escritas en
líneas individuales, como tal, los programas son leídos de arriba hacia a abajo, de izquierda a derecha.

Este libro está dirigido a personas que deseen aprender lo básico de Javascript, en este caso a nivel de cliente
(navegador).

Introducción

3

Javascript Básico

¿Cómo ejecutar Javascript.?

Javascript es interpretado a nivel de cliente por los navegadores Web, en la actualidad también es posible ejecutarlo en
servidores a través de entornos de programación como Node.js (http://nodejs.org/) y IO.js (https://iojs.org/)

Para la ejecución del presente libro se hará a través del intérprete de los navegadores, los cuales interpretan archivos con
extensión .js , aunque no es necesario crear archivos HTML y Javascript para ejecutarlo, esto se puede realizar a través
de la consola integrada en los navegadores.

Para tal fin se hará uso del denominado DevTools del navegador Google Chrome, Para ejecutar la consola de Javascript
presione F12 en Windows CMD+SHIT+I en MAC y seleccione la opción "Console" si no está seleccionada.

TIP

Cada navegador web cuenta con su propia consola de Javascript, navegadores como Mozilla Firefox e Internet Explorer
(Versión 9.0 y superior) cuenta con herramientas para ejecutar e inspeccionar código HTML/CSS/Javascript.

¿Cómo ejecutar Javascript?

4

Javascript Básico

Comentarios

Los comentarios son declaraciones que no serán ejecutadas por el interprete, los comentarios son usados para realizar
anotaciones para otros programadores o pequeñas descripciones de lo que hará el código, haciendo de esta manera
sencillo para otros entender lo que hace el código.

En Javascript, los comentarios pueden ser escritos en dos diferentes formas:

En línea.

//Este es un cometario que no es tenido en cuenta por el interprete
var a = "Esta es uan variable que si es ejecutada";

Una sección de código, iniciando con /* y finalizando con */ este método es usado para comentar múltiples líneas.

/*
Este es una comentario multi linea
que no es tenido en cuenta por el interprete
*/
var a = "Esta es uan variable que si es ejecutada";

Comentarios

5

Javascript Básico

Variables

Las variables pueden contener todo tipo de valores y también el resultado de operaciones entre ellas.

Las variables tienen un nombre y un valor separado por el signo igual (=).

Los nombre de las variables pueden contener cualquier letra o palabra, pero hay que tener en cuenta la existencia de
palabras reservadas del lenguaje que no pueden ser utilizadas para declarar una variable.

TIP

En el siguiente enlace se encuentra un listado de palabras reservadas de Javascript, algunas de ellas no están en uso en
el lenguaje pero lo estarán en próximas especificaciones del mismo. http://www.w3schools.com/js/js_reserved.asp

Para declarar una variable se inicia con la palabra reservada var , seguida del nombre de la variable y su valor, es
importante establecer la palabra var en la declaración de la variable, para definir de esta forma el ámbito y/o alcance de
la variable, no establecer la palabra var, dejará la variable como global.

var nombreVariable = "Valor de la variable";

Otro aspecto importante en la declaración de variables es adicionar el signo de finalización de sentencia, el cual es el
punto y coma (;) Javascript no arrojará un error sino se establece éste pero para procesos de minificación y comprensión
de archivos es indispensable identificar el inicio y finalización de una sentencia.

TIP

Si se establece el parámetro "use strict"; al inicio de una sentencia se le está indicando al intérprete que se ejecute en
modo estricto, por lo lo cual no establecer puntos y comas y declaración de variables con la palabra var , arrojará un error.
http://www.w3schools.com/js/js_strict.asp

Variables

6

Javascript Básico

Declaración de Variables en Javascript.

El siguiente código define dos variables, calculando la suma de ambas y almacenando el resultado en otra variable.

var a = 10;
var b = 15;
var resultado = a + b; //El resultado es 25

TIP

Una forma de realizar declaración de variables, en situaciones donde el nombre de la misma requiera un espacio, se hace
uso de la técnica de escritura conocida como CamelCase

Declaración de Variables

7

Javascript Básico

Tipos de Variables

Los computadores son sofisticados y pueden hacer uso de variables más complejas que sólo números.

Es donde el tipo de variables entran en juego, la variables son de diferentes tipos y diferentes lenguajes soportan
diferentes tipos de variables.

Los tipos más comunes son:

Numéricos.

Float: Número de punto flotante.

var PI = 3.1416;
var velocidad = 0.35;
var freno = -0.23;

Enteros: Valores enteros tanto positivos como negativos.

var mes = 5;
var vida = 100;
var descuento = -50;

Strings

Almacena caracteres de texto, puede ser una sola letra o una oración completa.

var saludo = "Hola Mundo";
var pais = "Colombia";

Booleanas

Este tipo de variable sólo puede almacenar dos tipos de valores, verdadero ( true ) o falso ( false ) o sus valores
correspondientes numéricos 1 = true , 0 = false .

var detenerAnimacion = false;
var ejecuarAccion = true;

Arreglos (Arrays)

Variables que no sólo pueden almacenar un valor, sino una colección de valores de diferente tipos, para acceder a los
valores se utilizan los denominados índices, teniendo en cuenta que se inicia a contar desde cero (0).

Los valores se almacenan en corchetes cuadrados [] separados por comas ( , ).

var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio"];
var muestraMes = "El tercer mes del año es: " + meses[2];
console.log(muestraMes);

Tipos de Variables

8

Javascript Básico

Objetos

Se emplean para organizar el código fuente de una forma más clara y para encapsular métodos y funciones comunes, los
valores se almacenan dentro de llaves {} relacionado una llave seguida de un valor separado por dos puntos :

var persona = {nombre: "Juan", apellido: "Torres", edad: 25};
console.log("Nombre es: " + persona.nombre + " " + persona.apellido);

Tip

La función console.log(); sirve para mostrar mensajes en la consola de Javascript de los navegadores.
http://www.w3schools.com/js/js_output.asp

Javascript es un lenguaje no tipado, lo que significa que no es necesario especificar explícitamente qué tipo de valores se
almacenará en las variables.

Es posible almacenar un tipo de valor en una variable diferente al que se ha creado.

var variable = 10;
variable = "Ahora soy un string";
variable = false;

Tipos de Variables

9

Javascript Básico

Funciones variables tipo Strings

Las variables de tipo String tienen una gran variedad de funciones que ayudan a manipular el contenido de una variable de
este tipo.

Algunas de esta funciones son:

length

string.charAt(index)

string.charCodeAt(index)

String.fromCharCode(ValAscii)

string.replace(searchvalue,newvalue)

string.split(separator)

string.substr(start,length)

string.toLowerCase()

string.toUpperCase()

length

Retorna el tamaño del String.

var ejemploString = "Hola Javascript";
//Imprime Tamaño es 15
console.log("Tamaño es: " + ejemploString.length);

string.charAt(index)

Retorna un carácter dada la posición.

var ejemploString = "Hola Javascript";
//Imprime La sexta letra es: J
console.log("La sexta letra es:" + ejemploString.charAt(5));

TIP

Al igual que los arrays, las posiciones que se dan para obtener el valor de la letra dada la posición, su inicio es cero (0)
además se tiene en cuenta el espacio, como se evidencia en el ejemplo anterior la letra J está en la posición 6, pero dado
que el valor inicial es cero, su posición sería la quinta (0,1,2,3,4,5)

string.charCodeAt(index)

Retorna el valor ascii del carácter.

var ejemploString = "Hola Javascript";
//Imprime - El valor ascii de la cuarta letra es: 97
console.log("El valor ascii de la cuarta letra es: " + ejemploString.charCodeAt(3));

Funciones variables tipo Strings

10

Javascript Básico

TIP

Las computadoras solamente entienden números. El código ASCII es una representación numérica de un carácter como
"a" (97) o "@" (64).

String.fromCharCode(ValAscii)

Retorna el carácter dado el número Ascii.

var asciiAmayuscula = 65;
//Imprime: 65 es: A
console.log(asciiAmayuscula + " es: " + String.fromCharCode(asciiAmayuscula));

string.replace(searchvalue,newvalue)

Reemplaza un string por otro.

var ejemploString = "Hola Javascript";
ejemploString = ejemploString.replace("Hola", "Adiós");
//Imprime - Adiós Javascript
console.log(ejemploString);

TIP

La función replace, sólo reemplaza la primera ocurrencia de una palabra, si se desea reemplazar todas las palabras que
cumplan con el resultado se deberá hacer un proceso de búsqueda en cual se recorra todo el string.

string.split(separator)

Parte un string a partir de un carácter y lo almacena en un Array.

var mesesString = "Enero,Febrero,Marzo,Abril;Mayo,Junio,Julio,Agosto";
var meeseArray = mesesString.split(",");
//Imprime - El Segundo mes del año es: Febrero
console.log("El Segundo mes del año es: " + meeseArray[1]);

string.substr(start,length)

Extrae parte de un String, dado el inicio (start)