[ ] -> Square brackets represent an arrayComprender la estructura de los datos que devuelve una API es importante porque influye en cómo recuperar los valores que necesita. A la derecha, haga clic en el botón "Obtener mensaje" para cargar el API JSON de la foto Cat de freeCodeCamp en el HTML. El primer y último carácter que ve en los datos JSON son corchetes
{ } -> Curly brackets represent an object
" " -> Double quotes represent a string. They are also used for key names in JSON
[ ]
. Esto significa que los datos devueltos son una matriz. El segundo carácter en los datos JSON es un rizo {
corchete, que inicia un objeto. Mirando de cerca, puedes ver que hay tres objetos separados. Los datos JSON son una matriz de tres objetos, donde cada objeto contiene información sobre una foto de gato.
Aprendió anteriormente que los objetos contienen "pares clave-valor" que están separados por comas. En el ejemplo de Cat Photo, el primer objeto tiene "id":0
donde "id" es una clave y 0 es su valor correspondiente. Del mismo modo, hay claves para "imageLink", "altText" y "codeNames". Cada objeto de foto de gato tiene estas mismas claves, pero con valores diferentes.
Otro "par clave-valor" interesante en el primer objeto es "codeNames":["Juggernaut","Mrs. Wallace","ButterCup"]
. Aquí "codeNames" es la clave y su valor es una matriz de tres cadenas. Es posible tener matrices de objetos, así como una clave con una matriz como valor.
Recuerda cómo acceder a los datos en matrices y objetos. Las matrices utilizan la notación de corchetes para acceder a un índice específico de un elemento. Los objetos usan el soporte o la notación de puntos para acceder al valor de una propiedad determinada. Este es un ejemplo que imprime el "altText" de la primera foto del gato. Tenga en cuenta que los datos JSON analizados en el editor se guardan en una variable llamada json
:
console.log(json[0].altText);
// Prints "A white cat wearing a green helmet shaped melon on its head."
codeNames
. Debe usar el corchete y la notación de puntos en el objeto (que se guarda en la variable json
) para acceder al valor.
```