Objetos en JavaScript

En JavaScript, objetos son ​​colecciones de pares clave-valor donde los valores pueden ser datos (propiedades) o funciones (métodos). Los objetos son fundamentales para JavaScript, ya que casi todo en JavaScript es un objeto, incluidos los arreglos, las funciones e incluso otros objetos.

1. Creando objetos

A. Objeto literal

La forma más sencilla de crear un objeto es utilizando llaves {}.

Ejemplo:

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

B. Constructor de objetos

El uso del constructor de objetos crea un objeto vacío.

Ejemplo:

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

DO. Usando Object.create()

Este método crea un nuevo objeto con el prototipo especificado.

Ejemplo:

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

2. Accediendo a las propiedades del objeto

A. Notación de puntos

Acceda a las propiedades usando un punto (.).

Ejemplo:

console.log(person.name); // Output: Alice

B. Notación entre corchetes

Acceda a las propiedades usando corchetes ([]). Útil para nombres de propiedades dinámicas.

Ejemplo:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

3. Agregar, modificar y eliminar propiedades

• Agregando:

person.country = "USA";
console.log(person.country); // Output: USA

• Modificando:

person.age = 26;
console.log(person.age); // Output: 26

• Eliminando:

delete person.age;
console.log(person.age); // Output: undefined

4. Métodos en Objetos

Cuando una función es una propiedad de un objeto, se llama método.

Ejemplo:

const car = {
  brand: "Tesla",
  start: function () {
    console.log("Car started!");
  },
};

car.start(); // Output: Car started!

5. Iterando sobre las propiedades del objeto

A. Usando para... en

Iterar sobre todas las propiedades enumerables de un objeto.

Ejemplo:

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

B. Usando Object.keys()

Devuelve una matriz de claves de un objeto.

Ejemplo:

Object.keys(person).forEach((key) => {
  console.log(`${key}: ${person[key]}`);
});

DO. Usando objetos.entradas()

Devuelve una matriz de pares [clave, valor].

Ejemplo:

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

6. Métodos de objetos

JavaScript proporciona varios métodos integrados para trabajar con objetos.

• Object.assign(): Copia propiedades de un objeto a otro.

const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source);
console.log(target); // Output: { a: 1, b: 2 }

• Object.freeze(): Previene la modificación de un objeto.

const obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // No effect
console.log(obj.a); // Output: 1

• Object.seal(): Impide agregar o eliminar propiedades pero permite modificar las propiedades existentes.

const obj = { a: 1 };
Object.seal(obj);
obj.b = 2; // No effect
obj.a = 3; // Works
console.log(obj); // Output: { a: 3 }

7. Prototipos y herencia

Los objetos en JavaScript tienen un prototipo, que es otro objeto del cual heredan propiedades y métodos.

Ejemplo:

const animal = { eats: true };
const dog = Object.create(animal);
dog.barks = true;

console.log(dog.eats); // Output: true (inherited)
console.log(dog.barks); // Output: true

8. Desestructuración de objetos

La desestructuración permite extraer propiedades de un objeto en variables.

Ejemplo:

const person = { name: "Alice", age: 25 };
const { name, age } = person;
console.log(name); // Output: Alice
console.log(age); // Output: 25

9. Resumen

• Los objetos son pares clave-valor que pueden almacenar propiedades y métodos.
• Utilice objetos literales para la creación sencilla de objetos.
• Acceda a las propiedades del objeto usando notación de puntos o corchetes.
• Utilice métodos integrados como Object.keys(), Object.assign() y Object.freeze() para una manipulación eficaz de objetos.
• Dominar los objetos es crucial para comprender conceptos avanzados de JavaScript como prototipos y herencia.

¡Hola, soy Abhay Singh Kathayat!
Soy un desarrollador full-stack con experiencia en tecnologías front-end y back-end. Trabajo con una variedad de lenguajes y marcos de programación para crear aplicaciones eficientes, escalables y fáciles de usar.
No dudes en comunicarte conmigo a mi correo electrónico comercial: [email protected].