Javascript variable scope inside for loop

Question

How do I maintain access to the i variable inside my for loop below? I\'m trying to learn, not just get the answer, so a bit of explanation would be very helpfu

Answer 1

All of your callbacks share the same i variable.
When the event handler actually runs, i is after the end of the array.

You need to wrap the loop body in a self-invoking function that takes i as a parameter.
This way, each iteration will get its own, unchanging, i variable.

For example:

for (var i = 0; i < statesPolyStrings.length; i++) {
    (function(i) {
        ...
    })(i);
}