A continuación te muestro en un breve ejemplo como esta construido un simple JSON.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
{
"nombre_de_key": "valor_de_key",
"name": "peter",
"surname": "griffin",
"age": 34,
"developer": true,
"email": "petergriffin@gmail.com"
}
{ "nombre_de_key": "valor_de_key", "name": "peter", "surname": "griffin", "age": 34, "developer": true, "email": "petergriffin@gmail.com" }
{
 
 "nombre_de_key": "valor_de_key",
 "name": "peter",
 "surname": "griffin",
 "age": 34,
 "developer": true,
 "email": "petergriffin@gmail.com"
}

Como observamos en el ejemplo de json, tenemos distintas keys, pero como no es una matriz, no podemos recorrer, entonces lo que podemos hacer para obtener un resultado de este objeto seria obtener el key que deseamos buscar.

Cada key que existe en el json se puede obtener. al llamar la key nos devolverá automáticamente el valor que representa la key, es decir si llamamos a key name, nos retornara el valor de peter.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
//llamamos al objeto que guardemos en una variable OBJ, posteriormente seleccionamos la key correspondiente
console.log(obj.name) //peter
console.log(obj.surname) //griffin
console.log(obj.age) //34
console.log(obj.developer) //true
console.log(email) //petergriffin@gmail.com
//llamamos al objeto que guardemos en una variable OBJ, posteriormente seleccionamos la key correspondiente console.log(obj.name) //peter console.log(obj.surname) //griffin console.log(obj.age) //34 console.log(obj.developer) //true console.log(email) //petergriffin@gmail.com
//llamamos al objeto que guardemos en una variable OBJ, posteriormente seleccionamos la key correspondiente

console.log(obj.name) //peter
console.log(obj.surname) //griffin
console.log(obj.age) //34
console.log(obj.developer) //true
console.log(email) //petergriffin@gmail.com

En el ejemplo anterior podemos observar que llamamos a una key tomando la información a partir del objeto.

También existe otros casos donde nosotros podemos recorrer una matriz, esto seria cuando tenemos varios datos dentro del mismo. para tal característica podemos recorrer la matriz y obtener los keys que necesitemos.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var obj = [
{
'name': 'Peter',
'email': 'petergriffin@example.com',
'job': 'developer',
'age': 21
},
{
'name': 'Test',
'email': 'test@example.com',
'job': 'developer',
'age': 22
},
{
'name': 'TestB',
'email': 'testb@example.com',
'job': 'developer',
'age': 33
},
]
var obj = [ { 'name': 'Peter', 'email': 'petergriffin@example.com', 'job': 'developer', 'age': 21 }, { 'name': 'Test', 'email': 'test@example.com', 'job': 'developer', 'age': 22 }, { 'name': 'TestB', 'email': 'testb@example.com', 'job': 'developer', 'age': 33 }, ]
var obj = [
    {
      'name': 'Peter', 
      'email': 'petergriffin@example.com',
      'job': 'developer',
      'age': 21 
    },
    {
      'name': 'Test', 
      'email': 'test@example.com',
      'job': 'developer',
      'age': 22
    },
    {
      'name': 'TestB', 
      'email': 'testb@example.com',
      'job': 'developer',
      'age': 33
    },    
]

Para recorrer dicha matriz podemos usar el siguiente código. en esta función nos ayudamos de algo muy importante que es el for. con el for nosotros podemos recorrer la matriz correspondiente donde la variable X representa a cada objeto y obj representa la matriz correspondiente.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
for (x of obj) {
console.log(x.name + ' ' + x.email);
}
for (x of obj) { console.log(x.name + ' ' + x.email); }
for (x of obj) {
  console.log(x.name + ' ' + x.email);
}

De esta manera con la ayuda de for encontraremos el valor de la key que estemos buscando.