Nota En JavaScript, un objeto es como un locker que puede contener
diferentes tipos de información u objetos, llamados propiedades. Cada
propiedad tiene un nombre y un valor.
Imagina un objeto como una caja con compartimentos, donde cada
compartimento tiene una etiqueta (nombre) y algo dentro (valor).
Puedes guardar números, texto, listas e incluso otras cajas mágicas
(objetos) dentro de esta caja principal. Los objetos son útiles para
representar cosas del mundo real y organizar la información de manera
estructurada.
Para crear un objeto en JS escribe la siguiente sintaxis:
const persona =
{
nombre: “Juan Riquelme”, // 🔑clave : 💎valor
edad: 17,
pasatiempos: [”Programar”,”Leer”]
}
En este caso persona es el nombre asignado a mi objeto,nombre es una de sus llaves que apuntan a un valor "Juan Riquelme", y para acceder a ello solo debo usar la sintaxis persona.nombre
Función Constructora
Las funciones constructoras en JavaScript son como plantillas para
crear objetos especiales. Imagina que estás fabricando juguetes con
diferentes partes y características. Una función constructora es como
un molde que te ayuda a hacer juguetes similares. Definimos cómo deben lucir y comportarse esos juguetes, y luego
podemos crear varios juguetes únicos basados en ese molde. Estas
funciones constructoras nos permiten crear objetos con propiedades y
métodos predefinidos, lo que hace que sea más fácil y eficiente crear
varios objetos similares.
function juguete(marca, material, año) {
this.marca = marca;
this.material = material;
this.año = año;
}
let trompo = new juguete("Cobra", "Plástico", 2007);
let maxSteel = new juguete("mattel", "Plástico", 2010 )
console.log(trompo); // Imprime: juguete } marca: 'Cobra', material: 'Plástico', año: 2007 {
console.log(maxSteel.material); //Imprime Plástico
Métodos de los Arreglos usados con objetos
Los arreglos tienen varios métodos que se usan frecuentemente al
almacenar objetos. Estos métodos nos permiten
manipularlos,recorrerlos,etc. Algunos de ellos son:
let articulos = [
{ nombre: "Bici", costo: 3000 },
{ nombre: "Tv", costo: 2500 },
{ nombre: "Libro", costo: 320 },
{ nombre: "Celular", costo: 10000 },
{ nombre: "Laptop", costo: 20000 },
{ nombre: "Teclado", costo: 500 },
{ nombre: "Audífonos", costo: 1700 },
]
Filter
El método filter nos permite filtrar elementos de un objeto
let articulosFiltrados = articulos.filter(function (articulo) {
return articulo.costo <= 500;
}
);
//Resultado: {nombre: 'Libro', costo: 320} y {nombre: 'Teclado', costo: 500}
Map
El método map nos permite mapear ciertos elementos de un objeto
// Crea un nuevo array con los elementos de un array que cumplan una condición, en este caso creamos un nuevo array con los nombres de los artículos
let nombreArticulos = articulos.map(function (articulo) {
return articulo.nombre;
});
console.log(nombreArticulos);
//Imprime ['Bici', 'Tv', 'Libro', 'Celular', 'Laptop', 'Teclado', 'Audífonos']
Find
El método find nos permite buscar elementos de un objeto
// Busca un elemento de un array que cumpla una condición, en este caso buscamos el elemento que tenga un nombre igual a "Laptop"
let encuentraArticulo = articulos.find(function (articulo) {
return articulo.nombre === "Laptop";
});
console.log(encuentraArticulo);
//Imprime {nombre: 'Laptop', costo: 20000}
Some
El método some valida elementos de un objeto
// Valida si algún elemento de un array cumple una condición, en este caso validamos si algún articulo tiene un costo menor o igual a 700
let articulosBaratos = articulos.some(function (articulo) {
return articulo.nombre != undefined;
});
console.log(articulosBaratos);
forEach
El método forEach nos permite recorrer los objetos
// Recorre todos los elementos de un array y ejecuta una función por cada elemento, en este caso imprimimos el nombre de cada articulo
articulos.forEach(function (articulo) {
console.log(articulo.nombre);
});
forIn
El for In es un bucle utilizado para recorrer las propiedades
enumerables de un objeto. Este se centra en las claves o índices de
las propiedades.
let persona = {
nombre: 'Juan',
edad: 25,
ciudad: 'Madrid'
}
for (let propiedad in persona) {
console.log(propiedad + ': ' + persona[propiedad]);
}
forOf
El for of es un bucle utilizado para recorrer elementos de objetos
iterables, como arrays, cadenas, mapas, conjuntos, etc. Este se centra
en los valores las propiedades.
let frutas = ['manzana', 'plátano', 'fresa'];
for (let fruta of frutas) {
console.log(fruta);
}