Iterating through an array in JS and simple promises (web3/pudding)

Question

This might be more to do with my lack of understanding some JS basics however it's in ethereum/web3 context so here it goes.

I have a public array posts in my contract and a global variable in JS of the same name.

Using truffle/pudding framework on the frontend I am then trying to iterate through the array doing something like this:

length = 3;
posts = new Array(length);
for(i = 0; i < length; i++ ){
  social.posts.call(i).then(function(v){
    posts[i] = v;
  });
}

However by debugging I found out that the anonymous function gets executed only once and with i equal to 3. posts[3] gets set and nothing else. I must be doing something silly here. Please help.

Edit: So I understand now that the problem is because of the promises but is there another way to easily retrieve array values from the contract? Pudding was meant to help with this.

Answer 1

The problem is the result of using a Javascript Promise (provided by Pudding) that wraps the call. If you made the same call without a Promise wrapper it would work as you expect. But in your case the Promise is not resolving until you hit the end of the loop.

Answer 2

You can do:

var posts = [0,1,2,3].map(index => social.posts.call(index));

Promise.map(posts, post => {
  // Resolved Post Value
  console.log(post);
})

Answer 3

never heard of truffle/ pudding framework. But my guess is this is a Closure problem.

the value of i in the anonymous function comes from the value of i outside of the anonymous function. There is a Closure object for each anonymous funtion that contains the variables the anonymous function uses where those variables are not globals and not locals. So i am guessing this code snippet is inside some other function. Lets call that other function A. When the value of the variable i changes inside function A then the values of ALL of the i variables in the closures change. Because the anonymous function execute after function A finishes executing they use the value of i = 3. One solution is to put an IFFE around anonymous function and pass in the value of i to the IFFE. Then the value of the i variable for each anonymous function would not change after the first time i was assigned a value in the anonymous function.