Curso javascript nivel medio

En JavaScript, un objeto es una estructura de datos que permite almacenar múltiples valores como pares clave-valor. Los objetos son fundamentales en JavaScript porque te permiten organizar y manipular datos complejos de manera eficiente.

¿Qué es un objeto?

Un objeto en JavaScript es como una caja que contiene propiedades. Cada propiedad tiene un nombre (o clave) y un valor. Estos valores pueden ser de cualquier tipo: números, cadenas de texto, funciones, o incluso otros objetos.

¿Cómo se crea un objeto?

Puedes crear un objeto usando llaves {}. Dentro de las llaves, defines las propiedades con pares clave-valor.

Ejemplo de un objeto simple:

1let persona = {
2  nombre: "Juan",
3  edad: 30,
4  esEstudiante: true
5};

En este ejemplo:

  • "nombre" es una propiedad con el valor "Juan".
  • "edad" es una propiedad con el valor 30.
  • "esEstudiante" es una propiedad con el valor true.

¿Cómo acceder a las propiedades de un objeto?

Hay dos maneras principales de acceder a las propiedades de un objeto:

  1. Usando la notación de punto:

    • Se usa un punto (.) seguido del nombre de la propiedad.
    • Ejemplo:
      1let persona = {
      2 nombre: "Juan",
      3 edad: 30,
      4 esEstudiante: true
      5};
      6console.log(persona.nombre); // Muestra "Juan"
      7console.log(persona.edad);   // Muestra 30
      Salida de Consola!:
      Juan
      30
  2. Usando la notación de corchetes:

    • Se usan corchetes [] y el nombre de la propiedad entre comillas.
    • Es útil si el nombre de la propiedad está en una variable o si tiene caracteres especiales.
    • Ejemplo:
      1let persona = {
      2 nombre: "Juan",
      3 edad: 30,
      4 esEstudiante: true
      5};
      6console.log(persona["nombre"]); // Muestra "Juan"
      7console.log(persona["edad"]);   // Muestra 30
      Salida de Consola!:
      Juan
      30

¿Cómo agregar o modificar propiedades?

Puedes agregar una nueva propiedad o modificar una existente simplemente asignándole un valor usando la notación de punto o de corchetes.

Agregar o modificar propiedades:

1let persona = {
2  nombre: "Juan",
3  edad: 30,
4  esEstudiante: true
5};
6persona.apellido = "Pérez"; // Agrega una nueva propiedad "apellido"
7persona.edad = 31; // Modifica la propiedad "edad"
8console.log(persona);
Salida de Consola!:
{ 
 nombre: 'Juan', 
 edad: 31, 
 esEstudiante: true, 
 apellido: 'Pérez' 
}

¿Cómo eliminar propiedades?

Puedes eliminar una propiedad de un objeto usando el operador delete.

Eliminar una propiedad:

1let persona = {
2  nombre: "Juan",
3  edad: 30,
4  esEstudiante: true
5};
6delete persona.esEstudiante; // Elimina la propiedad "esEstudiante"
7console.log(persona);
Salida de Consola!:
{ 
 nombre: 'Juan', 
 edad: 31, 
}

Métodos en objetos

Un método es una función que se define como una propiedad dentro de un objeto. Los métodos permiten que un objeto realice acciones.

Ejemplo de objeto con un método:

1let coche = {
2  marca: "Toyota",
3  modelo: "Corolla",
4  arrancar: function() {
5    console.log("El coche ha arrancado");
6  }
7};
8
9coche.arrancar(); // Llama al método "arrancar"
Salida de Consola!:
El coche ha arrancado

En este ejemplo, "arrancar" es un método del objeto coche.

Objetos anidados

Un objeto puede contener otros objetos dentro de él, lo que se llama objetos anidados.

Ejemplo de objeto anidado:

1let usuario = {
2  nombre: "Ana",
3  direccion: {
4    calle: "Calle Falsa 123",
5    ciudad: "Madrid"
6  }
7};
8
9console.log(usuario.direccion.ciudad); // Muestra "Madrid"
Salida de Consola!:
Madrid

Resumen

  • Un objeto en JavaScript es una colección de propiedades que tienen un nombre y un valor.
  • Puedes crear, acceder, modificar y eliminar propiedades en un objeto.
  • Los objetos pueden contener métodos (funciones) y otros objetos anidados.
  • Usar objetos te permite organizar y manejar datos complejos de manera eficiente.

Los objetos son esenciales en JavaScript y comprender cómo funcionan te ayudará a escribir código más potente y organizado.

  • Loading...
  • Dado el siguiente objeto curso, deberás mostrar por consola el nombre del instructor.

    1const curso = {
    2  nombre: 'Desarrollo Web con JavaScript',
    3  duracion: '12 semanas',
    4  nivel: 'Intermedio',
    5  instructor: {
    6    nombre: 'Carlos García',
    7    experiencia: '10 años',
    8    especialidades: ['JavaScript', 'React', 'Node.js']
    9  }
    10};
    Loading...
  • Crea un objeto llamado coche que tenga las siguientes propiedades:

    • marca: 'Toyota'
    • modelo: 'Corolla'
    • fecha: 2020
    • color: 'blanco'
    Loading...