Full Version: javascript foreach equivalent?
how can I setup a foreach type structure in Javascript?
CODE
var ar = new Array()
ar[0] = 20
ar[1] = 50
for(i=0;i<ar.length;i++) {
alert(ar[i])
}
ar[0] = 20
ar[1] = 50
for(i=0;i<ar.length;i++) {
alert(ar[i])
}
Something like that?
Unlike PHP there is no foreach-construct in JavaScript, only "for" as Gornakle showed you. 
QUOTE(Nash12 @ May 7 2005, 04:28 AM) 
Unlike PHP there is no foreach-construct in JavaScript, only "for" as Gornakle showed you.
Actually that's not true at all.
As all javascript objects are really just associative arrays, there is a foreach like syntax for the 'for' construct.
Without it it would be very hard to work with many common javascript objects.
It's actually very simple to use and incredibly useful if you like associative arrays.
You just have to make sure to use it on an associative array and not an object.
Example below
Good (assuming Object has not been overloaded or extended):
CODE
var array = new Object(); //this is safe only if you can assure object has not been extended.
//use the below if Object has been extended
var array;
//everything below here works fine regardless of the two above cases
array['something'] = 'yay';
array['somethingelse'] = 'more';
for ( keyVar in array ) {
alert(array[keyVar]);
}
//use the below if Object has been extended
var array;
//everything below here works fine regardless of the two above cases
array['something'] = 'yay';
array['somethingelse'] = 'more';
for ( keyVar in array ) {
alert(array[keyVar]);
}
Bad:
CODE
var array = new Array(); //uh oh, array is an object which means it's an associative array
//the below loop will actually give you results, despite never putting "values" into
//the array variable. This is because array has functions defined from the Array() object
//which will be grabbed by the keyVar since objects are really associative arrays
for ( keyVar in array ) {
alert(array[keyVar]);
}
//the below loop will actually give you results, despite never putting "values" into
//the array variable. This is because array has functions defined from the Array() object
//which will be grabbed by the keyVar since objects are really associative arrays
for ( keyVar in array ) {
alert(array[keyVar]);
}
So there you go, and it's incredibly useful.
~Some random guy on the internet
thanks =D
Dont you have your "Good" and "Bad" backwards 
?
?
CODE
for(a in b) { ... }
QUOTE(justsomeguy @ Jan 25 2006, 11:13 PM)
Actually that's not true at all.
As all javascript objects are really just associative arrays, there is a foreach like syntax for the 'for' construct.
As all javascript objects are really just associative arrays, there is a foreach like syntax for the 'for' construct.
Thanks. And now for something a bit harder: is it possible to use a 'for' statement for listing all the field names/values in a form?
QUOTE(hextreme @ Apr 24 2006, 06:22 PM)
Thanks. And now for something a bit harder: is it possible to use a 'for' statement for listing all the field names/values in a form?
I use it all the time. Check it out:
<script>
function showVals() {
theForm = document.getElementById('testing');
theStr = '';
for (i=0; i < theForm.elements.length; i++) {
ele = theForm.elements[i];
theStr += ele.name + ' : ' + ele.value + "\n";
}
alert (theStr);
}
</script>
<form id="testing">
<input type="text" name="namers" value="Namers Test!"/>
<input type="text" name="password" value="Password Test!"/>
<input type="button" onclick="showVals(); return false;" name="button" value="Display Values"/>
</form>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.