Breve introducción a objetos y arrays en JavaScript

1. JavaScript
Estructuras de datos básicas

2. Objetos
• Un objeto en JavaScript es un tipo de valor
que agrupa información relacionada.
• La función principal de un objeto en JavaScript
es mantener una colección de propiedades.
var alumno={nombre: ‘Jesús’, apellidos :’López García’};
Nombre del objeto
Propiedades del objeto
Valores de las propiedades

3. Acceso a las propiedades
Para acceder al valor de una propiedad de un objeto
basta con incluir tras el nombre del objeto un punto y
el nombre de la propiedad, o indicar entre corchetes y
comillas el nombre de la propiedad.
var alumno={nombre: ‘Jesús’, apellidos :’López García’};
var nombre_completo_1 =alumno.nombre + ‘ ‘ + alumno.apellidos;
var nombre_completo _2=alumno[“nombre”] + ‘ ‘ + alumno[“apellidos”];
Ambas instrucciones son equivalentes

4. Añadir y eliminar propiedades
• A un objeto se le pueden añadir y eliminar
propiedades:
var alumno={nombre: ‘Jesús’, apellidos :’López García’};
alumno.edad = 16;
delete alumno.nombre;
Se crea una propiedad simplemente asignando
un valor a la misma
Se elimina una propiedad invocando a la
función delete.

5. Ejemplo 1
var alumno={nombre: ‘Jesús’, apellidos :’López García’};
alumno.edad = 16;
Nombre del objeto
Propiedades del objeto
Valores de las propiedades
En este ejemplo se ha declarado un objeto con tres propiedades, posteriormente se ha
incluido una nueva porpiedad denominada edad dándole el valor numérico 16.

6. ¿Existe una propiedad en un objeto?
• El operador in permite saber si una propiedad
está presente en un objeto o no, pues
devuelve un valor de tipo boolean.
var alumno={nombre: ‘Jesús’, apellidos :’López García’};
if (nombre in alumno ){
alert(alumno.nombre);
}
La instrucción alert mostrará el contenido de la propiedad nombre del objeto alumno
pues ésta se encuentra definida en el objeto (instrucción if)

7. Recorrido por las propiedades de un
objeto
• Podemos mostrar las propiedades de nuestros
objetos utilizando un bucle for y el operador
in.
var alumno={nombre: "Jesús", apellidos :"López García"};
for (var indice in alumno ){
alert(indice);
alert(alumno[indice]);
}
Nombre de la propiedad
Contenido de la propiedad

8. Arrays
• Un array es una estructura de datos que permite
acceder a sus elementos utilizando la posición
que ocupa el elemento dentro de la estructura.
• Cuando se crea un array, sus elementos se
encuentran entre corchetes y separados por
comas.
var lista_alumno = [“Jesús López”,”Mariano Cano”,”Pepe Sánchez”];
var array_vacio =[];
El array tiene 3 elementos
El array tiene 0 elementos

9. La propiedad length
• Los arrays disponen de la propiedad length lo
que permite recorrerlos
• La propiedad devuelve el número de
elementos de que dispone el array.
• La primera posición de un array se encuentra
numerada por 0, por lo que el último
elemento será siempre la longitud del array
menos 1.

10. Ejemplos
var lista_alumno = [“Jesús López”,”Mariano Cano”,”Pepe Sánchez”];
var primer_elemento= lista_alumno[0];
var ultimo_elemento= lista_alumno[lista_alumno.length – 1];
La variable contendrá el valor “Jesús López” el
primer elemento del array
La variable contendrá el valor ”Pepe Sánchez” el último elemento del array
cuyo índice siempre es la longitud del array menos uno

11. Ejemplo: recorrido de un array
var lista_alumno = [“Jesús López”,”Mariano Cano”,”Pepe Sánchez”];
for (var indice= 0; indice < lista_alumno.length; indice++){
alert(lista_alumno[indice]);
}
Con una instrucción for, variando un índice desde el 0 hasta la
longitud del array menos uno podemos acceder a cada uno de
ellos de forma individual.

12. Ejemplo: suma de los elementos de un
array
var lista_numeros = [12,24,15,19];
var resultado = 0;
for (var indice= 0; indice < lista_numeros.length; indice++){
resultado= resultado +lista_numeros[indice] ;
}
Con una instrucción for, variando un índice desde el 0 hasta la
longitud del array menos uno podemos acceder a cada uno de
ellos de forma individual, acumulando cada uno en la variable
resultado.

13. MÉTODOS DE UN OBJETO

14. Definición
• Los objetos, además de disponer de
propiedades que devuelven uno de sus
valores disponen de funciones que operan
sobre los mismos.
• Las funciones asociadas a un objeto se
denominan métodos.

15. Algunos métodos para el objeto Math
Math.abs(param) Devuelve el varlor absoluto del parámetro.
Ejemplo: Math.(-3) devuelve el valor 3.
Math. max(param_1, param_2,…, param_N) Devuelve el mayor de los valores
pasados como parámetros (también existe el método min)
Ejemplo: Math.max(3,2,7,1) devuelve el valor 1.
Math. pow(base, exponente) Devuelve la potencia de base y exponente indicados
Ejemplo: Math.max(2,5) devuelve el valor 32.
Math.random() Devuelve un numero aleatorio entre 0 y 1.
Ejemplo: Math.random()
Math.round(parámetro) Devuelve el entero mas cercano del valor comunicado
como parámetro.
Ejemplo: Math.round (1.7) devuelve el valor 2.

16. Los objetos string
• Toda cadena de caracteres es considerada en
JavaScript como un objeto de tipo string, por
lo que se pueden utilizar los métodos y
propiedades que le son propios.
• La propiedad length, devuelve el número de
caracteres que componen una cadena de
caracteres.

17. Métodos toUpperCase y split
variable_cadena.toUpperCase () Devuelve la cadena con todos sus caracteres
alfabéticos en mayúscula (existe el método análogo para caracteres en minúscula
toLowerCase)
Ejemplo:
var aux_cadena=‘LaLa123’;
aux_cadena = aux_cadena.toUpperCase();
alert(aux_cadena); Muesta la cadena ‘LALA123’
variable_cadena.split (carácter_separador) Devuelve un array teniendo en cada
posición cada una de las cadenas delimitadas por el carácter separador.
Ejemplo:
Var aux_cadena=‘Cuando el grajo vuela bajo’;
Var aux_array= aux_cadena.split(“ “);
aux_array dispondrá de 5 elementos, cada una de las palabras que componen la
oración ‘Cuando el grajo vuela bajo’, es decir,
[‘Cuando’,’el’, ‘grajo’, ‘vuela’, ‘bajo’]

18. El método indexOf
variable_cadena.indexOf (subcadena,posicion_inicio) Devuelve la posición
(numérica) de la subcadena en la variable_cadena, si es que ésta se encuentra a
partir de la posición posicion_inicio, en otro caso devuelve el valor -1.
Ejemplo:
var aux_cadena=‘Cuando el grajo vuela’;
var posicion = aux_cadena.indexOf(‘grajo’);
Var resultado=‘’;
If (posicion == -1){
resultado = ‘La cadena grajo no se encuentra en ‘ + aux_cadena;
}
else{
resultado= ‘La cadena grajo se encuentra en la posición ‘ + posición;
}

19. El método substr
variable_cadena. substr (pos_inicial, longitud) Devuelve subcadena contenida en la
cadena a partir de la posición pos_inicial y con tantos caracteres como indique la
longitud.
Ejemplo:
var aux_cadena=‘Cuando el grajo vuela’;
var subcadena = aux_cadena.substr(10,5);
alert(subcadena);
Se mostrará en la ventana la cadena ‘grajo’ cuya primera letra se encuentra en la
posición 10, teniendo la palabra una longitud de 5.

20. Ejemplo
function cuenta_ocurrencias(cadena, subcadena){
var posicion_inicial = 0;
var contador = 0;
var no_fin_cadena = true;
while (no_fin_cadena){
posicion_inicial=cadena.indexOf(subcadena,posicion_inicial);
if (posicion_inicial >=0){
contador = contador +1;
posicion_inicial = posicion_inicial + subcadena.length;
}
else{
no_fin_cadena= false;
}
}
return contador;
}
Esta función cuenta el número
de veces que aparece una
cadena dentro de otra

21. Métodos para objetos array