Recordemos el uso de una variable , por ejemplo .
let persona = "Erik" ;
Acabamos de Escribir una variable que guarda un tipo de dato (en este caso texto)
Pero , los objetos los usamos para guardar mas de un dato , sin importar que sean de distintos tipos.
Ejemplo
let persona = {nombre:"Erik", Edad:27, sexo:"Masculino"};
Sintaxis
1) se usan {} cuando trabajamos con objetos
2) : para separar propiedad:valor
3) cada par propiedad:valor se separa por coma
Vamos a imprimir el ejemplo en consola.
let persona = {nombre:"Erik", Edad:27, sexo:"Masculino"};
console.log(persona)
Hemos logrado guardar en una sola variable varios tipos de datos, ahora se llaman objetos
¿Por qué se llaman Objetos?
Con esta forma de guardar información buscamos una analogía con los objetos de la vida real
por ejemplo ;
Un carro , tiene múltiples propiedades como ; una marca , un color , un tamaño , etc,etc,etc
Entonces , al crear nuestro objeto persona , podemos agregarle las múltiples propiedades y valores para definir de la mejor manera un objeto persona en la vida real.
Esta forma de ver la programación se denomina Programacion Orientada a Objetos
pero , eso lo veremos mas a profundidad despues , mejor vamos a hacer unos arreglos simples al código ya escrito.
1)En lugar de let al declarar objetos por lo general preferimos usar const
2)Separaremos por un salto de linea cada propiedad:valor. const persona = {
nombre:"Erik",
Edad:27,
sexo:"Masculino"
};
console.log(persona)
Aunque el resultado al imprimir en pantalla es el mismo , hemos acomodado el código para identificar 2 cosas , Propiedades y sus valores.
| Propiedad | Valor |
|---|---|
| nombre | Erik |
| Edad | 27 |
| sexo | Masculino |
Necesitamos tener esto muy claro para poder acceder a sus propiedades.
Acceder a propiedades del objeto
Por ejemplo , si queremos acceder a la propiedad Edad de nuestro objeto simplemente escribiremos "objeto.propiedad"
const persona = {
nombre:"Erik",
Edad:27,
sexo:"Masculino"
};
console.log(persona.Edad) //objeto.propiedad
practica accediendo a las otras 2 propiedades del ejemplo
Funciones dentro de un objeto
Un objeto no solo puede contener datos , si no funciones , por ejemplo; una función de una persona, seria poder saludar , asi que , escribamos dentro de nuestro objeto una funcion para saludar utilizando los datos de nuestro objeto.
const persona_Obj = {
nombre:"Erik",
Edad:27,
sexo:"Masculino",
Saludar: function(){
return "Hola soy " + persona_Obj.nombre + " y tengo " + persona_Obj.Edad;
}
};
console.log(persona_Obj.Saludar()) // objeto.funcion()
Logramos imprimir en pantalla la función saludar de nuestro objeto , pero hagamos una pequeña modificación, dentro de la función podemos acceder a las propiedades de nuestro objeto con la palabra reservada this , en lugar de nombrar el objeto.
nuestro código quedaría así.
const persona_Obj = {
nombre:"Erik",
Edad:27,
sexo:"Masculino",
Saludar: function(){
return "Hola soy " + this.nombre + " y tengo " + this.Edad;
}
};
console.log(persona_Obj.Saludar()) // objeto.funcion()
Conclusión
En este articulo , hemos aprendido lo básico sobre objetos y su uso , mas adelante entraremos en profundidad , pero te sugerimos hacer unos ejemplos y practicar , visualizando objetos que hay en tu casa y tratarlos de describirlos en codigo.
Despedida
Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.
TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.
No hay comentarios:
Publicar un comentario