Se consideró que el lenguaje de marcado extensible (XML) era la única opción para el intercambio de datos abiertos. Sin embargo, los avances en el intercambio de datos abiertos han producido más opciones para . Entonces, profundicemos en Qué es JSON y en qué se diferencia de JavaScript en la siguiente secuencia:
- ¿Qué es JSON?
- ¿Por qué usamos JSON?
- JSON frente a XML
- Reglas de sintaxis
- Fundamentos de JSON
- Convertir objeto JSON en texto JS
¿Qué es JSON?
Notación de objetos JavaScript ( JSON ) es una forma de almacenar información de forma organizada y sencilla. Los datos deben estar en forma de texto cuando se intercambian entre un navegador y un servidor. Puede convertir cualquier Objeto JavaScript dentro JSON y envíe JSON al servidor.
También puede convertir cualquier JSON recibido del servidor en objetos. Ayuda a trabajar con los datos como objetos JavaScript, sin complicados análisis y traducciones.
Ahora que ya sabe qué es JSON, avancemos y veamos por qué necesitamos usarlo y cuáles son las diferentes ventajas de usar JSON.
¿Por qué usamos JSON?
JSON es ligero y fácil de usar en comparación con otras opciones de intercambio de datos abiertos. Sin embargo, esa no es la única razón por la que debería utilizarlo para la integración de su API. Se prefiere sobre otras opciones debido a las siguientes ventajas:
Menos detallado - Tiene un mas estilo compacto en comparación con XML. Esto lo hace más legible. los ligero enfoque de JSON puede realizar mejoras significativas al trabajar con sistemas complejos.
Más rápido - El proceso de análisis del software XML es más lento que JSON. Esto se debe a que las bibliotecas de manipulación DOM requieren más memoria para manejar archivos XML grandes. JSON , por otro lado, usa menos datos lo que reduce el costo y aumenta la velocidad de análisis .
Legible - La estructura de JSON es sencillo y fácilmente legible . Le resulta más fácil asignar objetos de dominio independientemente del lenguaje de programación con el que esté trabajando.
Datos estructurados - JSON usa un estructura de datos del mapa mientras que XML tiene una estructura de árbol. Los pares de claves o valores pueden limitar su tarea, pero obtiene un modelo de datos predecible y fácil de entender.
JSON frente a XML
Ambos XML y JSON se utilizan ampliamente en la actualidad. Son Usado como formatos de intercambio de datos y ambos han sido adoptados por las aplicaciones como una forma de almacenar datos estructurados. Echemos un vistazo a las diferencias entre los dos:
| JSON | XML |
JSON es fácil de leer y escribir. También es compatible formación . Los archivos JSON son más legible por humanos que XML. Es compatible solo texto y número tipo de datos | XML es menos simple en comparación con JSON. lado del mapa unirse en colmena No admite matriz. Los archivos XML son menos legible por humanos . Admite muchos tipos de datos, como texto, número, imágenes, cuadros, gráficos , etc. |
Ejemplo JSON
{'empleados': [{'nombre': 'Lisa', 'correo electrónico': 'lisa101@xyz.com'}, {'nombre': 'Neil', 'correo electrónico': 'neilps@xyz.com'}, {'nombre': 'Jai', 'correo electrónico': 'jai87@xyz.com'}]}Ejemplo XML
Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com
Reglas de sintaxis
los JSON la sintaxis es una subconjunto del JavaScript sintaxis. La sintaxis se deriva de la sintaxis de notación de objetos de JavaScript y consta de las siguientes reglas:
- Los datos están escritos en nombre o valor pares.
- Los datos son apartado por comas.
- Rizado tirantes sostener el objetos.
- Corchetes sostener el matrices.
El formato JSON es muy similar a los objetos JavaScript. Aquí, las claves deben ser cadenas, escritas con comillas dobles como:
{'nombre': 'Susan'}Fundamentos de JSON
En JSON , valores debe ser uno de los siguientes tipos de datos:
- Cuerda
- Número
- Objeto (objeto JSON)
- Matrices
- Booleano
- Nulo
Cuerda
En JSON , las claves deben ser cadenas, escritas con comillas dobles:
{'nombre': 'María'}En JavaScript , las claves pueden ser cadenas, números o nombres de identificadores:
{nombre: 'María'}Objetos
Los objetos JSON están rodeados por llaves {}. Se escriben en pares de clave o valor de la siguiente manera:
{'nombre': 'Lisa', 'edad': 23, 'coche': BMW}Matrices
Las matrices en JSON son casi las mismas que las matrices en JavaScript. En JSON, los valores de la matriz son de tipo cadena, número, objeto, matriz, booleano o nulo. Mientras que, en JavaScript, los valores de matriz pueden ser todos los anteriores, más cualquier otra expresión de JavaScript válida, incluidas funciones, fechas e indefinidas.
Las matrices en JSON pueden ser valores de una propiedad de objeto. Se define como:
{'nombre': 'Lisa', 'edad': 23, 'coches': ['Ford', 'BMW', 'Fiat']}Convertir objeto JSON en texto JavaSCript
JSON se usa comúnmente para leer datos a partir de una Servidor web y mostrar los datos en una página web. Esto también se puede demostrar usando una cadena como entrada.
Tomemos un ejemplo y veamos cómo se puede convertir un objeto JSON en texto Javascript usando la función JSON.parse ():
Conversión de texto JSON en un objeto Javascript
Objeto JSON: Uso del objeto Javascript: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Aquí convertimos JSON a object var obj = JSON.parse (jsonobj) document.getElementById ( 'ejemplo1'). innerHTML = obj.name + ', con ID de empleado' + obj.employeeID + 'y edad' + obj.age document.getElementById ('ejemplo'). innerHTML = jsonobj
Convertirá los objetos en textos y dará lo siguiente Salida :
Con esto, hemos llegado al final de nuestro artículo. Espero que haya entendido qué es JSON y por qué necesitamos usarlo.
Ahora que sabe qué es JSON, consulte el por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender a crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y a implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de '¿Qué es JSON?' y nos pondremos en contacto contigo.