[jQuery] $.each for iterating arrays not working?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
<title></title>
</head>
<body bgcolor="#ffffff" text="#000000">
Hi folks,
I'm very confused. I'm trying to iterate through the elements of an
array by using the jQuery.each() function. Take a look at the code
below:
<tt>
$.each(['vendors', 'models', 'views'], function()
{
console.log(this, typeof(this));
});</tt>
I would expect firebug to produce an output like this:
<span class="objectBox objectBox-text"> </span><span
class="arrayLeftBracket"></span><tt><span class="arrayItem"><span
class="objectBox objectBox-string">"vendors"</span></span><span
class="arrayRightBracket"></span><span class="objectBox objectBox-text">
</span><span class="objectBox objectBox-string">"string"</span></tt>
<div class="logRow logRow-log"><tt><span
class="objectBox objectBox-text"></span><span
class="objectBox objectBox-text"> </span><span
class="arrayLeftBracket"></span><span class="arrayItem"><span
class="objectBox objectBox-string">"models"</span></span><span
class="objectBox objectBox-text"> </span><span
class="objectBox objectBox-string">"</span></tt><tt><span
class="objectBox objectBox-string">string</span></tt><tt><span
class="objectBox objectBox-string">"</span></tt></div>
<div class="logRow logRow-log"><tt><span
class="objectBox objectBox-text"></span><span
class="objectBox objectBox-text"> </span><span
class="arrayLeftBracket">"views" </span></tt><tt><span
class="objectBox objectBox-string">string</span></tt><span
class="objectBox objectBox-string"><tt>"
</tt>
Instead I get this:
</span><span class="objectBox objectBox-text"> </span><tt><span
class="arrayLeftBracket">[</span><span class="arrayItem"><span
class="objectBox objectBox-string">"v"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"e"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"n"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"d"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"o"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"r"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"s"</span></span><span
class="arrayRightBracket">]</span><span
class="objectBox objectBox-text"> </span><span
class="objectBox objectBox-string">"object"</span></tt>
<div class="logRow logRow-log"><tt><span
class="objectBox objectBox-text"></span><span
class="objectBox objectBox-text"> </span><span
class="arrayLeftBracket">[</span><span class="arrayItem"><span
class="objectBox objectBox-string">"m"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"o"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"d"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"e"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"l"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"s"</span></span><span
class="arrayRightBracket">]</span><span
class="objectBox objectBox-text"> </span><span
class="objectBox objectBox-string">"object"</span></tt></div>
<div class="logRow logRow-log"><tt><span
class="objectBox objectBox-text"></span><span
class="objectBox objectBox-text"> </span><span
class="arrayLeftBracket">[</span><span class="arrayItem"><span
class="objectBox objectBox-string">"v"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"i"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"e"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"w"</span></span><span
class="arrayComma">,</span><span class="arrayItem"><span
class="objectBox objectBox-string">"s"</span></span><span
class="arrayRightBracket">]</span><span
class="objectBox objectBox-text"> </span><span
class="objectBox objectBox-string">"object"</span></tt></div>
</div>
Which is why I am confused. Those objects look like arrays in the
console, but when trying this.join('') to convert them into a string
again I get the error that this function is not defined, indication
that those this objects are in fact no arrays but something else.
However using alert(this) will make them look as if they were strings.
Have I gone crazy? Is there a bug in firebug? Or am I just incredibly
stupid?
I'd appreciate any form of help, regardless of eventual truths about
the state my sanity ; ).
-- Felix Geisendörfer aka the_undefined
<div class="moz-signature">--
<small>--------------------------
<a href="http://www.thinkingphp.org">http://www.thinkingphp.org</a>
<a href="http://www.fg-webdesign.de">http://www.fg-webdesign.de</a>
</small></div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/