JS: Array enthält merkwürde Elemente

Nabend!

Nach diesem Beispiel versuche ich ein assoziatives Array auszulesen:
http://www.infos24.de/javascripte/ha…s_arrays.htm#14

Ich habe den folgenden Code 1:1 aus dem Beispiel übernommen:

<script type="text/javascript">
Obst=new Array();
Obst["Apfel"]="sauer";
Obst["Banane"]="süß";
Obst["Pampelmuse"]="bitter";
Obst["Orange"]="fruchtig";
function aufblenden12()
{
for(i in Obst)
{
alert("Der Name des Schlüssels ist "+i+"\nDer dazugehörige Wert ist "+Obst[i]);
}
}
</script>


[url='javascript:aufblenden12();']hier[/url]

Wenn ich die Funktion über den Link aufrufe, bekomme ich nach den vier richtigen Inhalten des Arrays aber auch noch folgende:

Zitat

Der Name des Schlüssels ist copy Der dazugehörige Wert ist function (start, length) { start = start 0; if (start < 0) { start = this.length + start; } length = length this.length - start; var newArray = []; for (var i = 0; i < length; i++) { newArray[i] = this[start++]; } return newArray; }

Zitat

Der Name des Schlüssels ist remove Der dazugehörige Wert ist function (item) { var i = 0; var len = this.length; while (i < len) { if (this[i] === item) { this.splice(i, 1); len--; } else { i++; } } return this; }

Zitat

Der Name des Schlüssels ist contains Der dazugehörige Wert ist function (item, from) { return this.indexOf(item, from) != -1; }

Zitat

Der Name des Schlüssels ist associate Der dazugehörige Wert ist function (keys) { var obj = {}, length = Math.min(this.length, keys.length); for (var i = 0; i < length; i++) { obj[keys[i]] = this[i]; } return obj; }

Zitat

Der Name des Schlüssels ist extend Der dazugehörige Wert ist function (array) { for (var i = 0, j = array.length; i < j; i++) { this.push(array[i]); } return this; }

Zitat

Der Name des Schlüssels ist merge Der dazugehörige Wert ist function (array) { for (var i = 0, l = array.length; i < l; i++) { this.include(array[i]); } return this; }

Zitat

Der Name des Schlüssels ist include Der dazugehörige Wert ist function (item) { if (!this.contains(item)) { this.push(item); } return this; }

Zitat

Der Name des Schlüssels ist getRandom Der dazugehörige Wert ist function () { return this[$random(0, this.length - 1)] null; }

Zitat

Der Name des Schlüssels ist getLast Der dazugehörige Wert ist function () { return this[this.length - 1] null; }

Zitat

Der Name des Schlüssels ist each Der dazugehörige Wert ist function forEach() { [native code] }

Zitat

Der Name des Schlüssels ist test Der dazugehörige Wert ist function (item, from) { return this.indexOf(item, from) != -1; }

Zitat

Der Name des Schlüssels ist rgbToHex Der dazugehörige Wert ist function (array) { if (this.length < 3) { return false; } if (this.length == 4 && this[3] == 0 && !array) { return "transparent"; } var hex = []; for (var i = 0; i < 3; i++) { var bit = (this[i] - 0).toString(16); hex.push(bit.length == 1 ? "0" + bit : bit); } return array ? hex : "#" + hex.join(""); }

Zitat

Der Name des Schlüssels ist hexToRgb Der dazugehörige Wert ist function (array) { if (this.length != 3) { return false; } var rgb = []; for (var i = 0; i < 3; i++) { rgb.push(parseInt(this[i].length == 1 ? this[i] + this[i] : this[i], 16)); } return array ? rgb : "rgb(" + rgb.join(",") + ")"; }

Zitat

Der Name des Schlüssels ist rgbToHsb Der dazugehörige Wert ist function () { var red = this[0], green = this[1], blue = this[2]; var hue, saturation, brightness; var max = Math.max(red, green, blue), min = Math.min(red, green, blue); var delta = max - min; brightness = max / 255; saturation = max != 0 ? delta / max : 0; if (saturation == 0) { hue = 0; } else { var rr = (max - red) / delta; var gr = (max - green) / delta; var br = (max - blue) / delta; if (red == max) { hue = br - gr; } else if (green == max) { hue = 2 + rr - br; } else { hue = 4 + gr - rr; } hue /= 6; if (hue < 0) { hue++; } } return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)]; }

Zitat

Der Name des Schlüssels ist hsbToRgb Der dazugehörige Wert ist function () { var br = Math.round(this[2] / 100 * 255); if (this[1] == 0) { return [br, br, br]; } else { var hue = this[0] % 360; var f = hue % 60; var p = Math.round(this[2] * (100 - this[1]) / 10000 * 255); var q = Math.round(this[2] * (6000 - this[1] * f) / 600000 * 255); var t = Math.round(this[2] * (6000 - this[1] * (60 - f)) / 600000 * 255); switch (Math.floor(hue / 60)) { case 0: return [br, t, p]; case 1: return [q, br, p]; case 2: return [p, br, t]; case 3: return [p, q, br]; case 4: return [t, p, br]; case 5: return [br, p, q]; default:; } } return false; }

Kann mir das mal wer erklären? o.0

Also das Ding ist, das es in Javascript angeblich keine assoziativen Arrays gibt. Dafür gibt es in Javascript Objekte und Eigenschaften. Irgentwo hab ich gestern noch gelesen, das man einfach anstelle eines Arrays ein Object erstellen soll.

Diese Spezielle for-Schleife wird auf verschiedenen Seiten ja auch immer mit folgender Syntax beschrieben:

for (var in Obj)

von daher kann man wohl davon ausgehen, dass das auch nur mit Objects funktioniert...
Ich tüftel erstmal weiter.

Ich versuche gerade (ohne Tutorial :P) eine Live-Suche mit Ajax unter Verwendung von Mootools zu programmieren.
Das Array bzw. Objekt enthält die Parameter die an das PHP-Script übergeben werden.
Die Parameter werden an den Dateinamen angehangen und im Script per $_GET verarbeitet und an einen MySQL-Query angehengt.

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Search</title>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
//------------------+
// Ajax Content   |
//------------------+
var xmlHttpObject;


function loadContent(content)
{
    xmlHttpObject = new XHR({method: 'get', onSuccess: handleContent}).send(content);
}


function handleContent()
{
    $('myContent').innerHTML = xmlHttpObject.response.text;
}


parameter = new Object;
function setParam(param,value) {
	parameter[param] = value;
	var url = '';
	var i;
	for(i in parameter)
	{
		url += "&"+i+"="+parameter[i];
	}
	document.getElementById("myContent").innerHTML = "[img]lade.gif[/img]";
	setTimeout("loadContent('result.php?blind=blind"+url+"')",1000);
}
</script>
</head>
<body>
<select>
	<option value="false" onClick="setParam('geschlecht',this.value);">Alle</option>
	<option value="2" onClick="setParam('geschlecht',this.value);">weiblich</option>
	<option value="1" onClick="setParam('geschlecht',this.value);">m&auml;nnlich</option>
	<option value="3" onClick="setParam('geschlecht',this.value);">ts</option>
</select> Geschlecht




<select>
	<option value="false" onClick="setParam('alter',this.value);">Alle</option>
	<option value="1" onClick="setParam('alter',this.value);">18-25</option>
	<option value="2" onClick="setParam('alter',this.value);">26-30</option>
	<option value="3" onClick="setParam('alter',this.value);">30-35</option>
</select> Alter
<p id="myContent"></p>
</body>
</html>

result.php

<?php
if (isset($_GET["geschlecht"]) AND $_GET["geschlecht"] != "false") {
	echo "Geschlecht: ".$_GET["geschlecht"]."
";
}
if (isset($_GET["alter"]) AND $_GET["alter"] != "false") {
	echo "Alter: ".$_GET["alter"]."
";
}
?>

Bisher werden die Parameter einfach wieder ausgegeben. Die Datenbank abfrage mach ich gerade.