Requisito previo: JavaScript JSON
JSON (Notación de objetos de JavaScript) es un formato ligero de intercambio de datos. Como sugiere su nombre, JSON se deriva del lenguaje de programación JavaScript, pero está disponible para su uso en muchos lenguajes, incluidos Python, Ruby, PHP y Java y, por lo tanto, se puede decir que es independiente del lenguaje. Para los humanos, es fácil de leer y escribir y para las máquinas, es fácil de analizar y generar. Es muy útil para almacenar e intercambiar datos.
Un objeto JSON es un formato de datos de clave-valor que normalmente se representa entre llaves. El objeto JSON consta de llaves ( { } ) en los extremos y tiene pares clave-valor dentro de las llaves. Cada par clave-valor dentro de llaves está separado por una coma ( , ). El objeto JSON se parece a esto:
{
"key":"value",
"key":"value",
"key":"value",
}
Ejemplo para un objeto JSON:
{
"rollno":101",
"name":"Mayank",
"age":20,
}
Conversión de texto JSON a objeto Javascript
El texto/objeto JSON se puede convertir en objeto Javascript usando la función JSON.parse() .
var object1 = JSON.parse('{"rollno":101, "name":"Mayank", "age":20}');
Para obtener el valor de cualquier clave de un objeto Javascript, podemos usar los valores como: object1.rollno
Si pasamos un texto JSON no válido a la función JSON.parse() , generará un error (no se muestra ningún resultado cuando se usa la etiqueta in de HTML).
Ejemplos: aquí, en el ejemplo, el texto JSON ‘jsonobj’ tiene 3 pares clave-valor. Se pudo acceder a cada uno de los pares mediante el objeto de Javascript ‘obj’ usando el punto ( . ). ‘obj’ era un objeto javascript que era el resultado de la función JSON.parse() .
var jsonobj = ‘{ “name”:”Brendan Eich”, “designerof”:”Javascript”, “bornin”:”1961″ }’;
var obj = JSON.parse(jsonobj);
print(“Objeto/Texto JSON: “);
print(obj.name + “, quien nació en” + obj.bornin + “, fue el diseñador de” + obj.designerof);
print(“Uso del objeto Javascript: “);
imprimir(jsonobj);
<html>
<body>
<h2>Converting JSON Text into Javascript Object</h2>
<b>JSON Object :</b>
<p id="demo"></p>
<b>Use of Javascript object :</b>
<p id="demo1"></p>
<script>
var jsonobj ='{ "name":"Brendan Eich","designerof":"Javascript","bornin":"1961" }';
// Here we convert JSON to object
var obj = JSON.parse(jsonobj);
document.getElementById("demo1").innerHTML =
obj.name + ", who was born in "
+ obj.bornin + ", was the designer of "
+ obj.designerof;
document.getElementById("demo").innerHTML =jsonobj;
</script>
</body>
</html>
Publicación traducida automáticamente
Artículo escrito por MayankSharma9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA