Cómo recorrer un simple objeto JSON en Javascript

Hola comunidad de desarrolladores, bienvenido a este post que te ayudara entender como recorrer un simple json en javascript, adicionalmente extenderemos la forma de usar profesionalmente.

Ustedes y yo sabemos que abundan este tipo de preguntas «RECORRER UN SIMPLE JSON» en internet, en esta oportunidad nos organizaremos para recorrer un objeto de una manera simple utilizando pocas lineas de código.

Recuerda que un objeto es una representación de datos, que están compuestos por nombres y valores correspondientes, los objetos son utilizados en muchos desarrollos de cualquier lenguaje de programación, ademas en la actualidad se usa mucho consumir datos externos llamados API(application programming interface), este formato de leer información es muy fácil para los programadores al momento de obtener información externa para aplicaciónes web o mobiles.

Un archivo JSON es aceptado en cualquier lenguaje de programación, la facilidad y el entendimiendo hace que podamos resolver problemas simples, medios y avanzados según la complejidad de las tareas a realizar.

A continuación te muestro en un breve ejemplo como esta construido un simple JSON, recuerden si van a crear un archivo local la extensión debe ser de la siguiente manera: file.json

{

 "nombre_de_key": "valor_de_key",
 "name": "edinson",
 "surname": "carranza saldaña",
 "age": 24,
 "developer": true,
 "email": "edinsoncode@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. a continuación te muestro el siguiente ejemplo.

Cada key que existe en el json se puede obtener. al llamar la key nos devolvera automaticamente el valor que representa la key, es decir si llamamos a key name, nos retornara el valor de edinson.

//llamamos al objeto que guardemos en una variable OBJ, posteriormente seleccionamos la key correspondiente

console.log(obj.name) //edinson
console.log(obj.surname) //carranza saldaña
console.log(obj.age) //24
console.log(obj.developer) //true
console.log(email) //edinsoncode@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.

var obj = [
    {
      'name': 'Edinson', 
      'email': 'edinsoncode@example.com',
      'job': 'developer',
      'age': 24 
    },
    {
      'name': 'Richard', 
      'email': 'richard@example.com',
      'job': 'developer',
      'age': 24 
    },
    {
      'name': 'Luis', 
      'email': 'luis@example.com',
      'job': 'developer',
      'age': 24 
    },    
]

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.

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, si te ayudo mi post, recuerda comentar y compartir el link. cada acción que realizes en mi sitio me ayudara para seguir sumando nuevos tips y ayudas para que tu desarrollo sea más rápido.