Why am I getting 'undefined' in console? [duplicate]

Question

Here is my code:

var textArray = ['#text1', '#text2', '#text3', '#text4', '#text5', '#text6', '#text7', '#text8']  $('#capture').click(function() {     for (var i in textArray) {       console.log($(i).offset());     } }); 

Not sure why I am getting undefined in console. I feel like I am missing something very simple.

Answer 1

A for…in loop in JavaScript loops through an object’s keys, not its values. You can use Array.prototype.forEach, given support; $.each works as a fallback too, since you’re using jQuery.

var textArray = ['#text1', '#text2', '#text3', '#text4',                  '#text5', '#text6', '#text7', '#text8'];  $('#capture').click(function() {     textArray.forEach(function (x) {         console.log($(x).offset());     }); }); 

Answer 2

You probably want to index off the array like this:

var textArray = ['#text1', '#text2', '#text3', '#text4', '#text5', '#text6', '#text7', '#text8']  $('#capture').click(function() { for (var i in textArray) {   console.log($(textArray[i]).offset()); } });