fundamentos de javascript, Apuntes de Programación Informática

¡Descarga fundamentos de javascript y más Apuntes en PDF de Programación Informática solo en Docsity!

Tipos de datos Hablábamos que programar era mover datos de un sitio a otro. Vamos a ver qué tipos de datos tenemos enJavaScript (el lenguaje de programación que hemos elegido para este curso) Números No os asustéis, que las matemáticas no son complejas. Podemosusar números enteros positivos y negativos. Pueden ser número muylargos, para los que JavaScript usa una notación cientí¿ca. Tambiénpodemos usar números decimales. Cadenas Conjunto de caracteres. Las de¿nimos entre comillas (simples ' odobles "). También suele usarse en su término en inglés, strings. Booleanos

Tipos especiales Inde¿nido: usamos la palabra en inglés unde¿ne

d

valor no está de¿nidoNulo: usamos la palabra en inglés null para indica

r

valorNo es un número (Not a Number - NaN): indica

u

matemática, por ejemplo, la que resulta de dividir

In¿nito (In¿nity): indica el valor in¿nito

queremos negar. Ejemplo:

!true

da como resultado

false

And lógico. Usamos el operador

. Sólo si ambas expresiones son

verdaderas, dará como resultado verdadero. Ejemplo:

true && false

da como resultado

false

Or lógico. Usamos el operador

Sólo si ambas expresiones son

falsas, dará como resultado falso. Ejemplo:

true || false

da como

resultado

true

Una variable es un cajón con una etiqueta donde almacenamos datosde un programa. Para de¿nir una variable en JavaScript, usamosla palabra reservada

var

seguida del nombre que le queremos dar

a la variable. En este cajón, podemos meter cualquier tipo de dato:numérico, cadena o booleano. Al declarar una variable, podemosindicar su valor usando el signo

. Ejemplo:

var palindromo = "oso"

Podemos volver a asignar (reasignar) un valor a una variable usandotambién el signo

. Ejemplo:

palindromo = "radar"

Como ejemplo para guiar el curso, vamos a tomarbaraja de cartas. En este caso, usaremos una v

a

contenido de una cadena con la carta indicada.

P

esta idea a nuestro programa, tenemos que realiz

a

usaremos dos caracteres en la cadena que repr

e

uno con el palo y otro con el valor. Para el palo, encompleto usaremos solamente la primera letra. Ej

e

"1c"

. Por tanto, para acceder al valor y al palo de

u

hacerlo con el operador corchetes:

var

valor

palo = carta[1].

si es de picas. En caso a¿rmativo, la paso al montón de picas. Encaso contrario, hago una nueva pregunta: ¿es de corazones? En casoa¿rmativo, la llevo al montón de corazones. En caso contrario hagouna nueva pregunta, y así sucesivamente hasta que compruebo si esde un palo determinado.^ Ejemplo 1: if^ var

carta =

"3c"

if

(carta[

] ===

"c"

console.log(

"Es un 3 de corazones"

} Comenzamos la estructura de selección con la palabra

if

seguida de

la condición lógica (pregunta) entre paréntesis y luego un bloque decódigo entre

y

que será lo que nuestro programa ejecute en caso

Nota:

Como

estamos

escribiendo

varias

sent

e

programa, una buena práctica en JavaScript escoma (

) al ¿nal de cada sentencia. En nuestro ej

e

if/else

son estructuras de selección no son se

n

no llevan “

” al ¿nal.

Nota: Indentar consiste en poner espacios a la i

z

de forma que cuando anidamos un bloque (códig

o

visualmente más a la derecha. De esta forma, ver

e

nivel de anidamiento de nuestro código. Así, nues

t

legible y ordenado.

if

(carta[

] ===

"c"

console.log(

"Es un 3 de corazones"

} else {

console.log(

"No es un 3 de corazones"

} Como el ejemplo anterior, pero en este caso usamos la palabra

else

para indicar un bloque de código a ejecutar en caso de que no secumpla la condición del

if

if

(carta[

] ===

"c"

console.log(

"Es un 3 de corazones"

} else {

if(carta[

] ===

"p"

console.log(

"Es un 3 de picas"

} Podemos anidar, es decir, encadenar unas pregu

n

Nota: Cuando no formamos bien el código, la co

n

de nuestro navegador nos dará un error de sinta

x

Para evitarlo, tenemos que colocar las llaves y l

o

lugar adecuado.

do

{ console.log( i +

" de picas"

i = i +

}while(i <=

En este caso hemos construido un bucle do/while con la mismafuncionalidad que el for del ejemplo anterior. En este caso, tenemosque incluir la inicialización del índice al comienzo del programa. Ytambién el bloque de actualización ponerlo explícitamente como últimasentencia del bloque a repetir.

Ejemplos de situaciones que requieren el uso de colecciones de datos: cuando trabajamos con los meses del año,los contacto de la agenda del móvil, o, en nuestro ejemplo de la baraja, el listado de palos de la baraja. Arrays Los arrays o colecciones son estructuras de datos que agrupanelementos.

Para

declarar

un

array

en

JavaScript

utilizamos

los

corchetes

[

y

]

, e indicaremos en el interior los elementos del array

separados por coma

Ejemplo 1: arrays de números y de cadenas var

numeros = [

];

var

palos = [

"c"

"d"

"p"

"t"

];

Para acceder a una posición del array utilizamo

s

dentro la posición a la que queremos acceder.

R

posiciones empiezan a contarse desde el 0. Eje

m

devolverá la cadena

"c"

correspondiente a coraz

o

Para actualizar una posición del array, tambiénoperador

[]

para acceder a una posición y usar l

a

darle un nuevo valor. Ejemplo:

palos[0] = "nue

v

palos[

] =

"c"

palos[

] =

"d"

También

podemos consultar el tamaño de un array utilizando la

propiedad

length

(longitud en inglés) del mismo, a la que accedemos

con el operador punto. Ejemplo:

palos.length

nos devuelve el valor

. Ejemplo 3: recorriendo un array var

cartas = [

];

var

total =

for(var i=

; i<cartas.length; i = i +

total = total + cartas[i]; }

iteración. Este bucle nos permite sumar la puntua

c

mano de cartas, que almacenamos en la variable^ Ejemplo 4: búsqueda en un array^ var

cartas = [

"5d"

"3t"

"2c"

"12c"

];

var

encontrado = false; for(var i=

; i<cartas.length; i=i+

if(carta[i] ===

"1c"

encontrado = true; } } Usamos una variable booleana encontrado para al

m

de buscar una carta en un array de cartas. De est

a

el array con un bucle y vamos comparando cad

a

var

resultado = [];

for(var i=

; i<cartas.length; i=i+

if(cartas[i][

] ===

"d"

|| cartas[i][

] ===

"c"

resultado[resultado.length] = cartas[i]; } }

el ejemplo anterior, vamos a crear un nuevo arr

a

almacenaremos las cartas de color rojo que en

c

las que sean de corazones o diamantes. Este

e

de funcionar bien porque en el caso del rey deno se encuentra en la posición 1 sino en la 2 (u

s

para de¿nir cartas mayores que 9). Podemos m

o

para que dé cobertura a ambos casos, sólo par

a

diamantes:

if(cartas[i][1]

"d"

c

"d")

. En el siguiente bloque veremos que para

a

de datos, es mucho mejor usar un diccionario.

Los diccionarios son estructuras que nos permiten almacenar datosestructurados. También se les llama hash en inglés. En los diccionariosla información se almacena con una clave y un valor. Por ejemplo,para almacenar una dirección postal tendríamos la información de uncalle, una población, un código postal y un país.^ Ejemplo 1: crear un diccionario^ var

carta = {palo:

"c"

, valor:

Usamos la notación de llaves

para declarar un diccionario, que

consta de pares clave: valor separados por comas

. Para separar la

clave de su valor usamos

. En JavaScript los diccionarios se llaman

Object (objeto) y tienen más funcionalidades que veremos al ¿nal delcurso.

Ejemplo 2: leer información de un dicci

o

var

carta = {palo:

"c"

, valor:

carta[

"palo"

]

carta.palo Tenemos dos maneras de acceder a los valores

a

diccionario. En primer lugar, usando la misma

n

arrays con

[ ]

y poniendo entre comillas el nom

b

valor queremos obtener. La segunda forma espunto, que separa el nombre del diccionario del d

e

queremos obtener. La notación más habitual es laya que de esta forma distinguimos si trabajamo

s

diccionario.