Javascript access json property

Question

I am sending an api call and retrieving data in json format.

$.getJSON(weatherAPI, function(data){
  // get data
});

If I call the object data and one of its properties (data.weather) I get the following outputs

[Object {
    description: "clear sky",
    icon: "xyz",
    main: "clear"
}]

I can't seem to use data.weather.description to get the desired output of "clear sky"

The whole json format data below

Sajeetharan · Accepted Answer · 2017-12-17T08:06:08.883

6

weather is an array of Objects, so you need to specify the index and access the property

 console.log(data.weather[0].description);

if you need to print all the element's value, use .foreach or .map()

.map() returns a new array while .forEach() doesn't. forEach() just operates on every value in the array. if you just need to console output the values use forEach.

using forEach,

data.weather.forEach((e) => {
  console.log(e.description);     
});

using .map

data.weather.map((e) => {
  console.log(e.description); 
  return e;    
});

edited Dec 17 '17 at 08:06

answered Dec 17 '17 at 07:55

Sajeetharan

216,225
63
350
396

1

Canonically, you'd use `.forEach()`, not `.map()`, which wastes time creating and returning an array the same length as `data.weather` that you don't even use here. – Patrick Roberts Dec 17 '17 at 08:03
why `map`, i know it serves the purpose here, but `forEach` is advisable for this use case. – Nemani Dec 17 '17 at 08:03
@Nemani If OP wants to return , i have added that! thanks for the headsup – Sajeetharan Dec 17 '17 at 08:08

Javascript access json property

1 Answers1