[] -> Los corchetes representan una matrizComprender 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 JC API JC de FreeCodeCamp Campamp en el HTML. El primer y último carácter que ve en los datos JSON son corchetes
{} -> Los corchetes representan un objeto
"" -> Las comillas dobles representan una cadena. También se utilizan para nombres de clave en 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. Anteriormente aprendió 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. Aquí hay 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);
// Imprime "Un gato blanco con un casco verde con forma de melón en la cabeza".
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. ```