SlideShare una empresa de Scribd logo
JavaScript
Estructuras de datos básicas
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
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
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.
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.
¿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)
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
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
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.
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
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.
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.
MÉTODOS DE UN OBJETO
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.
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.
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.
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’]
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;
}
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.
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
Métodos para objetos array

Más contenido relacionado

PPT
Taller 1 3
Eduardo Rosas Garcia
 
DOCX
Encapsulamiento
luis0145
 
PDF
53 Php. Clases Y Objetos
José M. Padilla
 
PDF
Clase2 ejemplosdeenumpoo
jorg_marq
 
PPT
Leccion 5 Java
SparTacuS1286
 
PDF
Vectores o arreglos con PHP
Ingeniería Nica
 
PDF
42 Php. Bucles Foreach
José M. Padilla
 
PPTX
Enum y ArrayList en Java
Jimmy Ramos
 
Encapsulamiento
luis0145
 
53 Php. Clases Y Objetos
José M. Padilla
 
Clase2 ejemplosdeenumpoo
jorg_marq
 
Leccion 5 Java
SparTacuS1286
 
Vectores o arreglos con PHP
Ingeniería Nica
 
42 Php. Bucles Foreach
José M. Padilla
 
Enum y ArrayList en Java
Jimmy Ramos
 

La actualidad más candente (19)

PDF
[ES] Colecciones y estructura de iteracion
Eudris Cabrera
 
PPTX
Array List
Fernando Solis
 
PPT
Arreglos en Java
Cristian Andres
 
PDF
Jyoc java-cap06 la clase string
Jyoc X
 
PDF
Arrays
marcia-marti
 
PDF
Herencia clase
Jose Antonio
 
PPTX
Programación 3: arrays (arreglos) y vectores
Angel Vázquez Patiño
 
PDF
Elementos básicos de la programación orientada a objetos.
Whaleejaa Wha
 
PDF
Javascript
Maria Garcia
 
PDF
Progav tema2
ESAP
 
PDF
Arreglos en java v01
Emerson Garay
 
PDF
Tema 4 clases_y_objetos
BelenMonse
 
DOCX
Matrices en php
Jorge-villamar
 
PPTX
Arreglos
guest5ed53f
 
PPT
Poo 4 arraylist
jlmanmons
 
PDF
Java colecciones
Renny Batista
 
DOCX
Ensayo iv
ariasnicola
 
PPTX
Tipos de datos 1
Centro Educativos JSP / UTP
 
[ES] Colecciones y estructura de iteracion
Eudris Cabrera
 
Array List
Fernando Solis
 
Arreglos en Java
Cristian Andres
 
Jyoc java-cap06 la clase string
Jyoc X
 
Arrays
marcia-marti
 
Herencia clase
Jose Antonio
 
Programación 3: arrays (arreglos) y vectores
Angel Vázquez Patiño
 
Elementos básicos de la programación orientada a objetos.
Whaleejaa Wha
 
Javascript
Maria Garcia
 
Progav tema2
ESAP
 
Arreglos en java v01
Emerson Garay
 
Tema 4 clases_y_objetos
BelenMonse
 
Matrices en php
Jorge-villamar
 
Arreglos
guest5ed53f
 
Poo 4 arraylist
jlmanmons
 
Java colecciones
Renny Batista
 
Ensayo iv
ariasnicola
 
Tipos de datos 1
Centro Educativos JSP / UTP
 
Publicidad

Destacado (20)

PPTX
Html 5 navegación enlaces
jcremiro
 
PPTX
Html 5: elementos para mejorar la aparienci
jcremiro
 
PPTX
Css: elementos básicos
jcremiro
 
PPTX
JavaScript funciones
jcremiro
 
PPTX
Estadística
jcremiro
 
PPTX
Razones trigonométricas
jcremiro
 
PPTX
Numeros decimales
jcremiro
 
PPTX
Proporcionalidad
jcremiro
 
PPTX
Numeros reales
jcremiro
 
PPTX
Matrices operaciones
jcremiro
 
PPTX
Ecuaciones
jcremiro
 
PPTX
Determinantes
jcremiro
 
PPTX
Html 5 imágenes y vídeo
jcremiro
 
PPTX
Progresiones aritméticas y geométricas
jcremiro
 
PPTX
Matrices: sistemas lineales
jcremiro
 
PPTX
Derivadas: aplicaciones
jcremiro
 
PPTX
Derivadas
jcremiro
 
PPTX
Potencias y radicales
jcremiro
 
PPTX
Integral indefinida. Aplicaciones de la integral
jcremiro
 
PPT
Potencias y radicales
jcremiro
 
Html 5 navegación enlaces
jcremiro
 
Html 5: elementos para mejorar la aparienci
jcremiro
 
Css: elementos básicos
jcremiro
 
JavaScript funciones
jcremiro
 
Estadística
jcremiro
 
Razones trigonométricas
jcremiro
 
Numeros decimales
jcremiro
 
Proporcionalidad
jcremiro
 
Numeros reales
jcremiro
 
Matrices operaciones
jcremiro
 
Ecuaciones
jcremiro
 
Determinantes
jcremiro
 
Html 5 imágenes y vídeo
jcremiro
 
Progresiones aritméticas y geométricas
jcremiro
 
Matrices: sistemas lineales
jcremiro
 
Derivadas: aplicaciones
jcremiro
 
Derivadas
jcremiro
 
Potencias y radicales
jcremiro
 
Integral indefinida. Aplicaciones de la integral
jcremiro
 
Potencias y radicales
jcremiro
 
Publicidad

Similar a Java script estructuras_datos (20)

PDF
ARRAYS EN JAVA conceptos y ejemplos prácticos
NoemiIsabelCalizayaU
 
PPTX
Matrices en php diaspositivas
ariasnicola
 
PPT
Arrays en PHP y Funciones de Mysql
Creativos Online S.A
 
PPT
Javascript objetos
Daniel Grippo
 
PDF
Arreglos php
jbersosa
 
PDF
Arrays y arraylist pedro corcuera java.pdf
ALEXANDERVELASQUEALE
 
PPT
Algoritmos y Estructura de datos_Semana5 (3).ppt
DaveRodriguez22
 
PPTX
Grupo
guillermosamayoa
 
PPT
Tema6
guest70285f
 
PPTX
Vectores, array y sus métodos
Orlando Verdugo
 
PDF
Declaración y creación de un arraylist
Robert Wolf
 
PDF
PROGRAMACIÓN ORIENTADA A OBJETOS
PEDRO OSWALDO BELTRAN CANESSA
 
PDF
adalsus Prep-Course - soyHenry mis apuntes JS.pdf
adal57
 
PPTX
Lenguaje de Programacion - Java
zousbabastre
 
PPTX
Vectores y matrices
letty20151998
 
PPTX
Vectores en power point [recuperado]
herminiajimenez123
 
PDF
26 Php. Array Escalar Y Asociativo
José M. Padilla
 
PPTX
Arrays bucles y condicionales en PHP.pptx
LIZBETHGONZLEZGONZLE3
 
PDF
Clase 7 objetos globales de javaScript
José Ricardo Tillero Giménez
 
PDF
Persistencia avanzada de datos en Java. JPA
JosngelViedmaMartnez
 
ARRAYS EN JAVA conceptos y ejemplos prácticos
NoemiIsabelCalizayaU
 
Matrices en php diaspositivas
ariasnicola
 
Arrays en PHP y Funciones de Mysql
Creativos Online S.A
 
Javascript objetos
Daniel Grippo
 
Arreglos php
jbersosa
 
Arrays y arraylist pedro corcuera java.pdf
ALEXANDERVELASQUEALE
 
Algoritmos y Estructura de datos_Semana5 (3).ppt
DaveRodriguez22
 
Vectores, array y sus métodos
Orlando Verdugo
 
Declaración y creación de un arraylist
Robert Wolf
 
PROGRAMACIÓN ORIENTADA A OBJETOS
PEDRO OSWALDO BELTRAN CANESSA
 
adalsus Prep-Course - soyHenry mis apuntes JS.pdf
adal57
 
Lenguaje de Programacion - Java
zousbabastre
 
Vectores y matrices
letty20151998
 
Vectores en power point [recuperado]
herminiajimenez123
 
26 Php. Array Escalar Y Asociativo
José M. Padilla
 
Arrays bucles y condicionales en PHP.pptx
LIZBETHGONZLEZGONZLE3
 
Clase 7 objetos globales de javaScript
José Ricardo Tillero Giménez
 
Persistencia avanzada de datos en Java. JPA
JosngelViedmaMartnez
 

Más de jcremiro (20)

PPTX
Sucesiones: conceptos elementales
jcremiro
 
PPTX
Combinatoria
jcremiro
 
PPTX
Funciones: conceptos básicos
jcremiro
 
PPTX
Vectores en el epacio
jcremiro
 
PPTX
Cónicas
jcremiro
 
PPTX
Geometría analítica plana
jcremiro
 
PPTX
Cálculo vectorial en el plano
jcremiro
 
PPTX
Numeros complejos
jcremiro
 
PPTX
Razones trigonométricas
jcremiro
 
PPTX
Probabilidad
jcremiro
 
PPTX
Cuerpos geometricos
jcremiro
 
PPTX
Vectores
jcremiro
 
PPTX
Semejanza teorema tales
jcremiro
 
PPTX
Inecuaciones. Programación lineal
jcremiro
 
PPTX
Teoria de conjuntos
jcremiro
 
PPTX
Semejanza: Teorema tales
jcremiro
 
PPTX
Elementos básicos de geometría
jcremiro
 
PPTX
Figuras planas
jcremiro
 
PPTX
Numeros enteros
jcremiro
 
PPTX
Polinomios
jcremiro
 
Sucesiones: conceptos elementales
jcremiro
 
Combinatoria
jcremiro
 
Funciones: conceptos básicos
jcremiro
 
Vectores en el epacio
jcremiro
 
Cónicas
jcremiro
 
Geometría analítica plana
jcremiro
 
Cálculo vectorial en el plano
jcremiro
 
Numeros complejos
jcremiro
 
Razones trigonométricas
jcremiro
 
Probabilidad
jcremiro
 
Cuerpos geometricos
jcremiro
 
Vectores
jcremiro
 
Semejanza teorema tales
jcremiro
 
Inecuaciones. Programación lineal
jcremiro
 
Teoria de conjuntos
jcremiro
 
Semejanza: Teorema tales
jcremiro
 
Elementos básicos de geometría
jcremiro
 
Figuras planas
jcremiro
 
Numeros enteros
jcremiro
 
Polinomios
jcremiro
 

Último (20)

PDF
HISTORIA DEL CRISTIANISMO II introduccion.pdf
IvnLeonardoPiedrahta
 
PDF
Revista Espacios interiores Moderno Blanco_20250731_105526_0000.pdf
GnesisMedina12
 
PDF
Educacion para la Diversidad - Más allá del Autismo Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Triada de Inteligencias - instrumentos vitales para el futuro (2).pdf
josseanlo1581
 
PDF
Dialnet-RelacionDelClimaOrganizacionalConLaSatisfaccionLab-8879880.pdf
vicente472
 
PDF
El Liderazgo Estrategico PE4 Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Superacion Personal Se Tu Mismo SB3 Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Carmen Cohaila Quispe Reconocimiento_destacada_I.E.JustoAriasAraguez.pdf
Carmen Cohaila Quispe
 
PDF
Metodologia de la Investigacion Cientifica UAI Ccesa007.pdf
Demetrio Ccesa Rayme
 
DOCX
sistema de riego o aspersión de agropecuarios
FerminSantiagoZarate
 
PDF
Nunca te Pares - Phil Knight Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Escuela Sabática Lección 5. La pascua.pdf
Alejandrino Halire Ccahuana
 
PDF
TRABAJO FINAL INFORME DOCUMENTAL.pdf POR INGRID
ingrid2426ar
 
PDF
Inteligencia Artificial en la Educacion AV3 Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Trastorno por Déficit de Atención con Hiperactividad TDAH Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
Nunca tires la Toalla - Donald Trump Ccesa007.pdf
Demetrio Ccesa Rayme
 
DOCX
Tabla de frecuencia - grado 11-1 2025.docx
spinedaf07
 
PDF
Arriesgate en las Preguntas Poderosas - Mario Borghino Ccesa007.pdf
Demetrio Ccesa Rayme
 
PDF
MANUAL APA - I SEMESTRE - SOCIOLOGÍA UNCP
AnjallJennifer
 
PDF
La Formacion Docente y la Innovacion RL4 Ccesa007.pdf
Demetrio Ccesa Rayme
 
HISTORIA DEL CRISTIANISMO II introduccion.pdf
IvnLeonardoPiedrahta
 
Revista Espacios interiores Moderno Blanco_20250731_105526_0000.pdf
GnesisMedina12
 
Educacion para la Diversidad - Más allá del Autismo Ccesa007.pdf
Demetrio Ccesa Rayme
 
Triada de Inteligencias - instrumentos vitales para el futuro (2).pdf
josseanlo1581
 
Dialnet-RelacionDelClimaOrganizacionalConLaSatisfaccionLab-8879880.pdf
vicente472
 
El Liderazgo Estrategico PE4 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Superacion Personal Se Tu Mismo SB3 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Carmen Cohaila Quispe Reconocimiento_destacada_I.E.JustoAriasAraguez.pdf
Carmen Cohaila Quispe
 
Metodologia de la Investigacion Cientifica UAI Ccesa007.pdf
Demetrio Ccesa Rayme
 
sistema de riego o aspersión de agropecuarios
FerminSantiagoZarate
 
Nunca te Pares - Phil Knight Ccesa007.pdf
Demetrio Ccesa Rayme
 
Escuela Sabática Lección 5. La pascua.pdf
Alejandrino Halire Ccahuana
 
TRABAJO FINAL INFORME DOCUMENTAL.pdf POR INGRID
ingrid2426ar
 
Inteligencia Artificial en la Educacion AV3 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Trastorno por Déficit de Atención con Hiperactividad TDAH Ccesa007.pdf
Demetrio Ccesa Rayme
 
Nunca tires la Toalla - Donald Trump Ccesa007.pdf
Demetrio Ccesa Rayme
 
Tabla de frecuencia - grado 11-1 2025.docx
spinedaf07
 
Arriesgate en las Preguntas Poderosas - Mario Borghino Ccesa007.pdf
Demetrio Ccesa Rayme
 
MANUAL APA - I SEMESTRE - SOCIOLOGÍA UNCP
AnjallJennifer
 
La Formacion Docente y la Innovacion RL4 Ccesa007.pdf
Demetrio Ccesa Rayme
 

Java script estructuras_datos

  • 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