fbpx
Volver a Curso

Curso profesional de React

0% Completado
0/0 Steps
  1. Antes de iniciar el curso.

    Grupos y foros.
  2. Curso profesional de React
    ¿Qué es React?
    4 Temas
    |
    1 Cuestionario
  3. ¿Cómo funcionan las apps web?
    5 Temas
    |
    1 Cuestionario
  4. Instalación y configuración de herramientas
    5 Temas
    |
    1 Cuestionario
  5. Fundamentos de desarrollo web - HTML
    8 Temas
    |
    1 Cuestionario
  6. Fundamentos de desarrollo web - CSS
    8 Temas
    |
    1 Cuestionario
  7. Fundamentos de desarrollo web - Javascript
    8 Temas
    |
    1 Cuestionario
  8. Creación y configuración de proyecto de React
    4 Temas
    |
    1 Cuestionario
  9. Componentes en React
    9 Temas
    |
    1 Cuestionario
  10. Creando una aplicación web con React - App de películas - Pt. 1
    7 Temas
  11. Creando una aplicación web con React - App de películas - Pt. 2
    8 Temas
  12. Creando una aplicación web con React - App de películas - Pt. 3
    8 Temas
  13. Publicación de una app de React
    2 Temas
  14. Encuesta
  15. Despedida
Lección Progreso
0% Completado

objects.js

/* =================== OBJECTS ========================= */

let person = {
  name: "Martín",
  lastName: "Melo Godínez",
  age: 22,
  email: "martin.melo.dev.97@gmail.com",
  gender: "Male",
  password: "contraseña1234$"
}

console.log(person)

// console.log("Nombre de la persona: " + person.name + " " + person.lastName)

// ES6 -> template string
console.log(`Nombre de la persona: ${person.name} ${person.lastName}`)

const attribute = "gender"

console.log(`Correo electrónico: ${person[attribute]}`)

// Nested objects

const perfil = {
  dateBirth: '1997-03-21',
  address: 'Pachuca, Hidalgo',
  user: {
    name: "Martín",
    lastName: "Melo Godínez",
    age: 22,
    email: "martin.melo.dev.97@gmail.com",
    gender: "Male",
    password: "contraseña1234$"
  },
  payments: [
    2000.15,
    3000.10,
    500.10
  ]
}

// Imprimir la edad de la persona
console.log("Edad:", perfil.user.age)
// Acceder al segundo pago de el arreglo payments de la persona
console.log("Segundo pago", perfil.payments[1])

// Convert object to array

// Mostrar los atributos que hay en mi objeto

console.log("ObjectsKeys", Object.keys(person))
console.log("ObjectValues", Object.values(person))
console.log("ObjectEntries", Object.entries(person))
console.log("Contraseña", Object.entries(person)[5][1])