INFORMÁTICA – 2º BACH

UD.1 DISEÑO DE ALGORITMOS

JAVASCRIPT

1
¿Qué es la programación?

La programación es el proceso de diseñar, codificar, depurar y mantener el código fuente de

programas computacionales.

Como programador puedo convertir una idea en algo funcional y tangible, es decir, puedo
construir un artefacto y hacer que haga algo como yo le pido y lo realice infinitas veces y
siempre de manera impecable.

Por ejemplo: queremos ordenar una baraja de cartas.

- Si queremos desarrollar un programa que ordene una baraja tenemos que contar a la
máquina cómo se ordena esa baraja. Le diremos a la máquina:

a. Coge la baraja desordenada.

b. Sepárala en 4 montones, uno por cada palo.
c. Ordena cada montón de mayor a menor.
d. Vuelve a juntar los 4 montones en uno solo.
e. Ya tenemos la baraja de cartas ordenada

Estos puntos que hemos desarrollado son un algoritmo. Un algoritmo es una secuencia de
pasos lógicos para obtener un resultado.

Pero programar es hacer código. El algoritmo está en nuestra mente, pero tenemos que hablar
con la máquina. La máquina es muy lista y lo hace todo muy bien, pero sabe muy poco. Por
tanto hay que explicárselo todo.

Volviendo a programar el ejemplo de una baraja, nuestra conversación con la máquina sería:

a. PROGRAMADOR: Toma una baraja de cartas desordenada.

b. MÁQUINA: ¿Qué es una baraja?
c. (El PROGRAMADOR le explica lo que es una baraja)
d. PROGRAMADOR: Ahora que sabes qué es una baraja, haz 4 montones, uno por
cada palo.
e. MÁQUINA: ¿Qué es un palo?
f. (El PROGRAMADOR le explica que diamantes es un palo, que tréboles es un
palo, etc.)

El código fuente se escribe en un determinado lenguaje de programación. Hay lenguajes de

programación muy sofisticados: unos para robots, otros para matemáticas, para inteligencia
artificial, etc. pero también hay lenguajes de programación genéricos (de propósito general)
que son los que nos interesan para introducirnos en el mundo de la programación.

Entre todos estos lenguajes genéricos se ha seleccionado JavaScript para iniciarnos en la

programación porque tiene todos los elementos que necesitamos en un lenguaje de
programación para mostrar los conceptos que nos interesan, pero sobre todo lo hemos
escogido porque programar en JavaScript es muy fácil, no necesitamos ningún programa
especial, únicamente un editor de texto (bloc de notas) y un navegador.

2
Tipos de datos

- Números: En programación se pueden utilizar números enteros positivos y negativos.

Pueden ser números muy largos, para los que JavaScript usa una notación científica,
aunque también podemos usar números decimales.

- Cadenas: Son un conjunto de caracteres. Las definimos entre comillas (simples ' o
dobles "). Para denominarlas también suele usarse en su término en inglés, strings.

- Booleanos: Es la forma que tiene el sistema para representar verdadero y falso. Es el

principio de la lógica. Para nombrarlos, usamos las palabras en inglés true y false.

Variables

Una variable es un lugar con un nombre donde almacenamos datos de un programa.

Podríamos imaginar una caja la cual apodamos con un nombre y en la que almacenamos cosas.

Ejemplo:

Si llegado el otoño deseamos guardar la ropa de verano, podríamos meterla en una caja y
ponerle una pegatina con el nombre “ropa de verano”.

Como los nombres de las variables no pueden tener espacios en blanco el nombre quedaría
como “ropa_de_verano” o bien “ropaDeVerano”.

Esa caja sería conocida como “ropa_de_verano” y su contenido sería nuestras prendas para
esa estación del año.

Por norma general, cuando se define una variable se debe indicar el tipo de dato que va a
contener (entero, caracter, cadena de caracteres, etc.) pero en JavaScript usamos la palabra
reservada “var” seguida del nombre que le queremos dar a la variable. En esta caja, podemos
meter cualquier tipo de dato: numérico, cadena o booleano. Al declarar una variable, podemos
indicar su valor usando el signo =.

Ejemplo:

var nombreAlumno = "Manuel".

Podemos volver a asignar (reasignar) un valor a una variable usando también el signo = pero
en este caso no es necesario utilizar la palabra reservada “var”.

Ejemplo:

nombreAlumno = "Juan".

3
Tipos especiales de datos

- Indefinido: usamos la palabra en inglés undefined para indicar que un valor no está
definido.

- Nulo: usamos la palabra en inglés null para indicar que no hay ningún valor.

- No es un número (Not a Number - NaN): indica una indeterminación matemática, por

ejemplo, la que resulta de dividir 0 entre 0.

- Infinito (Infinity): indica el valor infinito.

Operaciones con números

- Suma:

3 +5

- Resta:

6 -4

- Multiplicación: Para la multiplicación utilizamos el operador * .

8*5

- División: Para la división utilizamos la barra / .

10 / 5

- Módulo de la división: Se obtiene el resto de una división. Su símbolo es el %.

10 % 5

Operaciones con cadenas

Llegado el momento de trabajar con cadenas de texto, debemos tener en cuenta que para
almacenar una cadena de texto por lo general debemos utilizar una variable. Además, dicha
cadena de texto deberá ir entrecomillada.

- Concatenación: Consiste en unir dos cadenas de texto, siendo el resultado una única
cadena con la yuxtaposición de las cadenas originales. Usaremos el operador + para
indicar la concatenación de cadenas.

Ejemplo:

“Hola” + “ “ + “Ana” Resultado: “Hola Ana”

4
 - Acceder a las letras de una cadena: Debemos usar el operador corchetes ( [ ] ),
indicando dentro de los corchetes el índice de la letra de la cadena que queremos
recuperar. Los índices comienzan en 0 para la primera posición de la cadena y van
aumentando de uno en uno hasta llegar a la última posición.

Ejemplo 1: Acceder a un índice dentro de una cadena de texto:

“Hola Ana”[3] nos da como resultado una “a”

Ejemplo 2: Acceder a un índice dentro de un texto almacenado en una variable.

var saludo = “Hola Ana”;

saludo[3]; nos dará como resultado una “a”

Operaciones lógicas

Para poder comparar elementos se utilizan las llamadas operaciones lógicas. Son las
siguientes:

- And: Su significado es “y” en inglés y devolverá como resultado verdadero si al

comparar dos condiciones, ambas se cumplen. Cuando se programa, su símbolo se
representa con “&&”.

Ejemplo: Ana tiene 19 años y Juan tiene 23. Realiza un programa que nos indique si
ambos son mayores de edad.

Pseudocódigo:

Variables

edad Ana = 19

edad Juan = 23

Inicio

Si Ana es mayor de 18 años y Juan es mayor de 18 años, entonces

Mostraremos “Los dos son mayores de edad”.

Si no

Mostraremos “Los dos no son mayores de edad”.

Fin si

Fin

5
 Código Fuente:

var edadAna = 19

var edadJuan = 23

If (edadAna >18 && edadJuan >18){

document.write(“Son mayores de edad”);

}else{

document.write(“No son mayores de edad”);

- Or: Su significado es “o” en inglés y devolverá verdadero si al comparar dos

condiciones, una de ellas es verdadera o ambas son verdaderas.

Ejemplo: Ana tiene 19 años y Juan tiene 16. Realiza un programa que nos indique si
uno de los dos o ambos son mayores de edad. En programación su símbolo se
representa con dos barras verticales “||”.

Pseudocódigo:

Variables

edad Ana = 19

edad Juan = 16

Inicio

Si Ana es mayor de 18 años o Juan es mayor de 18 años, entonces

Mostraremos “Uno o los dos son mayores de edad”.

Si no

Mostraremos “Ninguno es mayor de edad”.

Fin si

Fin

Código Fuente:

var edadAna = 19

var edadJuan = 16

If (edadAna >18 || edadJuan >18){

6
 document.write(“Uno o los dos son mayores de edad”);

}else{

document.write(“Ninguno es mayor de edad”);