Objetos y Arrays en JavaScript

---

Objetos en JavaScript

Los objetos son colecciones de propiedades que tienen un nombre y un valor. Puedes acceder a sus propiedades utilizando la notación de punto o corchetes.

let persona = {
  nombre: "Juan",
  edad: 30,
  saludar: function() {
      console.log("Hola, soy " + this.nombre);
  }
};

console.log(persona.nombre); 
// "Juan"
persona.saludar();           
// "Hola, soy Juan"

Manipulación de objetos

Puedes agregar, modificar o eliminar propiedades de un objeto.

persona.direccion = "Calle Falsa 123"; // Agregar propiedad
persona.edad = 31;                      // Modificar propiedad
delete persona.direccion;               // Eliminar propiedad

Arrays en JavaScript

Arrays son estructuras de datos que almacenan listas ordenadas de elementos, permitiendo acceso mediante índices. Los métodos comunes, como push(), pop(), shift(), unshift(), forEach(), map(), filter(), y reduce(), facilitan la manipulación y el procesamiento de los elementos dentro de un array, haciendo el manejo de datos más eficiente y flexible.

Métodos comunes de Arrays

Aquí algunos métodos comunes de Arrays:

let frutas = ["manzana", "banana"];

// push(): Agrega un elemento al final
frutas.push("cereza"); // ["manzana", "banana", "cereza"]

// pop(): Elimina el último elemento
frutas.pop(); // ["manzana", "banana"]

// shift(): Elimina el primer elemento
frutas.shift(); // ["banana"]

// unshift(): Agrega un elemento al inicio
frutas.unshift("kiwi"); // ["kiwi", "banana"]

// forEach(): Ejecuta una función en cada elemento
frutas.forEach(fruta => console.log(fruta));

// map(): Crea un nuevo array con los resultados
let longitudes = frutas.map(fruta => fruta.length); // [4, 6]

// filter(): Crea un nuevo array con elementos que cumplen una condición
let frutasConA = frutas.filter(fruta => fruta.includes("a")); // ["banana"]

// reduce(): Reduce un array a un solo valor
let suma = [1, 2, 3].reduce((acc, val) => acc + val, 0); // 6

Destructuring de objetos y arrays

El destructuring permite extraer valores de objetos y arrays de manera más sencilla.

Destructuring de objetos:

Destructuring de objetos permite extraer propiedades de un objeto y asignarlas a variables de manera sencilla. En el ejemplo, se obtienen las propiedades nombre y edad del objeto persona, lo que simplifica el acceso a sus valores. Es una forma efectiva de trabajar con objetos sin tener que referenciarlos repetidamente.

let persona = { nombre: "Juan", edad: 30 };
let { nombre, edad } = persona; // Extrae propiedades en variables
console.log(nombre); // "Juan"

Destructuring de arrays:

Destructuring de arrays permite extraer elementos de un array y asignarlos a variables de forma concisa. En el ejemplo, se obtienen las frutas “manzana” y “banana” directamente, facilitando el acceso a los valores sin necesidad de índices. Es útil para mejorar la legibilidad y simplificar el código.

let frutas = ["manzana", "banana", "cereza"];
let [fruta1, fruta2] = frutas; // Extrae elementos en variables
console.log(fruta1); // "manzana"