Guías Técnicas

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.

javascript 
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.

javascript 
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

  Métodos más comunes de Arrays

Los Métodos más comunes de Arrays son funciones integradas en JavaScript que permiten realizar diversas operaciones sobre arrays de manera eficiente. Estos métodos facilitan tareas como agregar o eliminar elementos (push(), pop(), shift(), unshift()), iterar sobre elementos (forEach()), transformar datos (map()), filtrar elementos (filter()), y reducir el array a un único valor (reduce()). Utilizarlos optimiza el manejo de datos en aplicaciones.

Aquí algunos métodos comunes de Arrays:
javascript 
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.

javascript 
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.

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