Access to Json array with for function

1. You should check length of data.list.length instead data.length (if you want to traverse data.list[] in loop)
2. Array index starts with 0 so, change loop i=1 to i=0

Code:

for(var i = 0; i < data.list.length; i++) {
    console.log(data.list[i].temp.max);
    console.log(data.list[i].weather[i].icon);
}

here is working jsFiddle

What you have is an object not an array. Sometimes it's useful to think of arrays and objects in a similar way, but sometimes that's just confusing and problematic when you are trying to solve problems (like object traversal in your case) in JavaScript.

You can immediately identify an object when you see curly brakets: {} //this is an object. You can immediately identify an array when you see square brackets: [] //this is an array.

Your JavaScript, represents an object because it is encapsulated within a {}, even when it contains array [] in some of it's properties.

So what you need is to look over the properties of your objects, and if they are arrays, just loop over with an index from 0 to count - 1. If they are objects, you need to loop their properties.

Example (loop over object properties):

for(var prop in {one:1, two:2})
    console.log(prop); //this will print one, then two.

Example 2 (loop over array):

for(var i = 0; i<array.length; i++)
    console.log(array[i]); //outputs whatever is in the array.

Now while going through using these loops, you need to decide which one to use next, this is why you need to find out whether an object is an array or not and that's certainly possibly.

One, you can check using instanceof or jQuery.isArray([]); //true. if it's not array then it's a regular object, unless it's a primitive. Check for value is primitive or object: Does a matter whether a value is primitive or boxed

Conslusion You need to write your own custom traversal logic, perhaps using some useful libraries like underscore, jQuery or lodash, considering the tools and possibilities.

HTH, Thanks

you need to get like this:

$.each(data,function(index,item){
console.log(index+":"+item);
});

for accessing list:

$.each(data.list,function(index,item){
console.log(item.weather);

})

for accessing weather properties:

$.each(data.list,function(index,item){
console.log(item.weather);
    $.each(item.weather,function(index1,item1){
    console.log(item1.id);
    console.log(item.icon);
    console.log(item.main);
    })


})

UPDATED FIDDLE