Skip to content

Objetos

Gabriel Hidalgo edited this page May 6, 2023 · 1 revision

Wiki sobre el proyecto "Objetos"

¡Bienvenido a la Wiki del proyecto "Objetos"!

Descripción del proyecto

El proyecto "Objetos" es un proyecto desarrollado en JavaScript que explora el uso de objetos y propiedades en el lenguaje. El objetivo principal del proyecto es demostrar cómo trabajar con objetos y utilizar sus propiedades y métodos.

Código del proyecto

A continuación se muestra el código del proyecto:

// Variable de tipo primitivo
let x = 10;
console.log(x.length); // Error: length no es una propiedad de un número

console.log('Tipos primitivos');

// Objeto
let persona = {
    nombre: 'Carlos',
    apellido: 'Gil',
    email: 'cgil@gmail.com',
    edad: 30,
    nombreCompleto: function () { //método o función en JavaScript
        return this.nombre + ' ' + this.apellido;
    }
};

console.log('Nombre: ' + persona.nombre + ',',
    'Apellido: ' + persona.apellido + ',',
    'Edad:  ' + persona.edad + ',',
    'Correo: ' + persona.email);
console.log(persona.nombre.length);
console.log(persona);

// Trabajo con el método o función
console.log(persona.nombreCompleto());

console.log('Ejecutando con un objeto');

// Debe crear un nuevo objeto en memoria
let persona2 = new Object();
persona2.nombre = 'Juna';
persona2.direccion = 'Salada 14';
persona2.telefono = '548965822';
console.log(persona2.telefono);

console.log('Creamos un nuevo objeto');

// Accedemos al objeto, como si fuera un arreglo
console.log(persona['apellido']);

// for...in y accedemos al objeto como si fuera un arreglo
for (propiedad in persona) {
    console.log(propiedad);
    console.log(persona[propiedad])
}

// Cambiamos dinámicamente un valor del objeto
persona.apellido = 'Betancud';
console.log(persona.apellido);

console.log('Eliminarmos un error');
// Eliminar
persona.apellida = 'Beta'; // Como se puede observar, se agregó mal el apellido
delete persona.apellida; // Con el delete eliminamos el error
console.log(persona);

// Distintas formas de imprimir un objeto
// Número 1: la más sencilla: concatenar cada valor de cada propiedad
console.log('Distinta forma de imprimir un objeto: Forma 1');
console.log(persona.nombre + ' ' + persona.apellido);

// Número 2: a través del ciclo for...in
console.log('Distinta forma de imprimir un objeto: Forma 2');
for (nombrePropiedad in persona) {
    console.log(persona[nombrePropiedad]);
}

// Número 3: La función Object.values()
console.log('Distinta forma de imprimir un objeto: Forma 3');
let personaArray = Object.values(persona);
console.log(personaArray);

// Número 4: Utilizamos el método JSON.stringify
console.log('Distinta forma de imprimir un objeto: Forma 4');
let personaString = JSON.stringify(persona);
console.log(personaString);

Funcionalidades del proyecto

El proyecto "Objetos" incluye las siguientes funcionalidades:

  1. Creación de objetos con propiedades y métodos.
  2. Acceso a las propiedades y métodos de un objeto utilizando la sintaxis de punto y de corchetes.
  3. Cambio dinámico de los valores de las propiedades de un objeto.
  4. Eliminación de propiedades de un objeto utilizando el operador delete.
  5. Distintas formas de imprimir un objeto:
    • Forma 1: Concatenar cada valor de cada propiedad:

      console.log('Distinta forma de imprimir un objeto: Forma 1');
      console.log(persona.nombre + ' ' + persona.apellido);
    • Forma 2: Utilizando el ciclo for...in:

      console.log('Distinta forma de imprimir un objeto: Forma 2');
      for (nombrePropiedad in persona) {
          console.log(persona[nombrePropiedad]);
      }
    • Forma 3: Utilizando la función Object.values():

      console.log('Distinta forma de imprimir un objeto: Forma 3');
      let personaArray = Object.values(persona);
      console.log(personaArray);
    • Forma 4: Utilizando el método JSON.stringify:

      console.log('Distinta forma de imprimir un objeto: Forma 4');
      let personaString = JSON.stringify(persona);
      console.log(personaString);

Instrucciones de uso

Para utilizar el proyecto "Objetos", sigue estos pasos:

  1. Copia el código del proyecto en un archivo JavaScript con extensión .js.

  2. Abre el archivo con un editor de código o intégralo en un proyecto existente.

  3. Ejecuta el archivo JavaScript para ver los resultados en la consola.

Clone this wiki locally