Botón para abrir el Menú Botón para cerrar el Menú
Logo da empresa Alura
Iniciar Sesión Nuestros Planes
Formaciones Conoce a Luri
  • Programación _
  • Front End _
  • Data Science _
  • DevOps _
  • Innovación y Gestión _
Artículos de Tecnología > Front End

¿JSON y Objeto JavaScript son lo mismo?

¿JSON y Objeto JavaScript son lo mismo?
alexandre-aquiles
alexandre-aquiles
21/12/2021

Compartir

image

¿Ya has creado tu propio objeto en Javascript? Por Ejemplo:

{ 
    nombre: 'Ananias', 
    edad: 20, 
    domicilio: { 
        calle: "Vergueiro", 
        ciudad: "São Paulo"
        }, 
    telefonos: ["91234-5678", '98765-4321'],
    "calcula-ano-nacimiento": function(){ 
        //obtiene año actual 
        var anoActual = new Date().getFullYear();
         return anoActual - this.edad; 
    } 
}

El objeto anterior tiene varias propiedades: nombre es una string, edad es un número, domicilio es otro objeto con sus propiedades, teléfonos es un array y calcula-ano-nacimiento es una función. ¡Todo hermoso! ¿Pero este objeto es un JSON? El acrónimo JSON significa Notación de Objetos JavaScript o JavaScript Object Notation, en inglés. Por el nombre de la cosa, parece que sí... Parece pero no es. Un JSON es un formato de transferencia de datos que se usa a menudo en llamadas AJAX entre el navegador y un servidor. Te interesan los datos, solo los datos ...

Un JSON tiene algunas restricciones:

  • no puede tener funciones
  • no puedo tener comentarios
  • todo el texto siempre tiene comillas dobles
  • las propiedades siempre tienen comillas dobles

¿Ese objeto es un JSON? No, porque viola cualquiera de estas restricciones. Después de todo, solo nos interesan los datos. Tendríamos que quitar la function, los comentarios y poner comillas dobles. Un JSON basado en ese objeto sería:

{ 
    "nombre":"Ananias",
    "edad":20,
    "domicilio": { 
        "calle":"Vergueiro",
        "ciudade":"São Paulo" 
    }, 
    "telefonos": ["91234-5678", "98765-4321"]
}

Por lo tanto, un JSON está más restringido que un objeto JavaScript. Interesante, ¿verdad? Profundiza tu conocimiento con nuestros cursos JavaScript de Alura.

Artículo Anterior
Extensiones de VSCode: descubre cuáles son las más utilizadas
Siguiente Artículo
React: componentes con Styled Components

Ver otros artículos sobre Front End

Navegación

  • Planes
  • Instructores
  • Blog
  • Política de privacidad
  • Términos de uso
  • Sobre nosotros
  • Preguntas frecuentes

¡CONTÁCTANOS!

  • ¡Quiero entrar en contacto!

Blog

  • Programación
  • Data Science
  • Front End
  • Innovación y Gestión
  • DevOps

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

NOVEDADES Y LANZAMIENTOS

Aliados

  • Programa de aceleração Scale-Up Endeavor
  • En Alura somos unas de las Scale-Ups seleccionadas por Endeavor, programa de aceleración de las empresas que más crecen en el país.
  • Growth Academy 2021 do Google For Startups
  • Fuimos unas de las 7 startups seleccionadas por Google For Startups en participar del programa Growth Academy en 2021
Alura

Powered by

Caelum

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

Cursos

Cursos de Programación
Lógica de Programación | Java
Cursos de Front End
HTML y CSS | JavaScript | React
Cursos de Data Science
Data Science | Machine Learning | Excel | Base de Datos | Data Visualization | Estadística
Cursos de DevOps
Docker | Linux
Cursos de Innovación y Gestión
Transformación Ágil | Marketing Analytics

Alura

  • Educação em Tecnologia

    • logo fiap FIAP
    • logo casa do codigo Casa do Código
    • logo pm3 PM3 - Cursos de Produto
  • Mais Alura

    • logo alura start START BY Alura
    • logo alura lingua Alura Língua
    • logo alura para empresas Alura Para Empresas
    • logo alura latam Alura LATAM
  • Comunidade

    • logo tech guide Tech Guide
    • logo 7 days of code 7 days of code
    • logo Hipsters ponto Jobs Hipsters ponto Jobs
  • Podcasts

    • logo Hipster Network Hipster Network
    • logo Hipsters ponto Tech Hipsters ponto Tech
    • logo Dev sem fronteiras Dev sem Fronteiras
    • logo Like a Boss Like a Boss
    • logo IA Sob Controle IA Sob Controle
    • logo Mesa de Produto Mesa de Produto
    • logo Decode Decode
    • logo FIAPCast FIAPCast