Verschachteltes Objektliteral mit for in Schleifen durchlaufen?

litterauspirna · 18.07.2011, 15:07

Hallo Leute,

ich übergebe einer Funktion fogendes Objektliteral.

Code:

{
                                            "opt_1":{
                                                        "attrs":{
                                                                    "value":"Telefon",
                                                                    "class":"tel"
                                                                },
                                                        "opt_text":"Telefon"
                                                    },
                                            "opt_2":{
                                                        "attrs":{
                                                                    "value":"Mobil",
                                                                    "class":"mob"
                                                                },
                                                        "opt_text":"Mobil"
                                                    },
                                        }

Der Sinn dahinter ist, dass in eine Selectbox Optionsfelder eingefügt werden mit Attributen etc. Dazu muss ich dieses Objectliteral durchlaufen, aber hier weis ich nicht recht wie ich das mit den for in Schleifen machen muss. Ich weiß das für ein einfaches Objektliteral, jedoch nicht für verschachtelte. Ich habe auch nichts finden finden können als ich in Google "javascript verschachteltes Objektliteral durchlaufen" eingab.

Habt ihr da mal einen kurzen Tipp?

Danke Mfg der Litter

ChrisB · 18.07.2011, 15:10

Zitat:

Zitat von litterauspirna

Ich weiß das für ein einfaches Objektliteral, jedoch nicht für verschachtelte.

Du weißt also nicht, wie du etwas, von dem du weißt, wie man es ein mal macht, noch ein zweites mal macht ...?

Ob du das rekursiv machen willst, oder dir eine vorher festgelegte Anzahl von Ebenen statisch zu durchlaufen reicht, wäre auch interessant.

litterauspirna · 18.07.2011, 15:19

Zitat:

Zitat von ChrisB

Du weißt also nicht, wie du etwas, von dem du weißt, wie man es ein mal macht, noch ein zweites mal macht ...?

Ob du das rekursiv machen willst, oder dir eine vorher festgelegte Anzahl von Ebenen statisch zu durchlaufen reicht, wäre auch interessant.

Ja genau weil ich nicht weiß wie ich mit einer for in Schleife mehrere Ebenen ansprechen kann.
Es ist immer die gleiche Anzahl bzw. das Objektliteral sieht in dem Fall immer gleich aus.

ChrisB · 18.07.2011, 15:28

Zitat:

Zitat von litterauspirna

Ja genau weil ich nicht weiß wie ich mit einer for in Schleife mehrere Ebenen ansprechen kann.

Wie machst du das denn in PHP, wenn du ein zweidimensionales Array durchlaufen willst ... nimmst du dann vielleicht zwei (foreach-)Schleifen, die ineinander verschachtelt sind?

litterauspirna · 18.07.2011, 15:38

Zitat:

Zitat von ChrisB

Wie machst du das denn in PHP, wenn du ein zweidimensionales Array durchlaufen willst ... nimmst du dann vielleicht zwei (foreach-)Schleifen, die ineinander verschachtelt sind?

Ja in PHP ist das auch sehr einfach und für mich Gewohnheit.

Hier mal mein Codeversuch.

Code:

var createSelectBox = function ( pFieldType, pIdEmpfCon, pAttributes, pOptions ) {
    element = document.createElement( pFieldType );
    
    for ( var attr in pAttributes ) {
        element.setAttribute( attr, pAttributes[attr] );
    }
    
    for ( var opt in pOptions ) {
        option = document.createElement( "option" );
        
        for ( var optAttr in opt ) {
            option.setAttribute( optAttr, opt[optAttr] );
        }
        
        element.appendChild( option );
    }
    
    document.getElementById( pIdEmpfCon ).appendChild( element );
}

Und da bekopmme ich folgende Fehlermeldung bzw. Exception in der Fehlerkonsole.

Zitat:

Fehler: uncaught exception: [Exception... "String contains an invalid character" code: "5" nsresult: "0x80530005 (NS_ERROR_DOM_INVALID_CHARACTER_ERR)" location: "http://localhost/GregorWendt/Js/field_manager.js Line: 17"]

Zeile 17 ist diese.

Code:

option.setAttribute( optAttr, opt[optAttr] );

ChrisB · 18.07.2011, 15:45

Zitat:

Zitat von litterauspirna

Code:

    for ( var opt in pOptions ) {
        option = document.createElement( "option" );
        
        for ( var optAttr in opt ) {

Was ist optAttr an dieser Stelle, und was opt?

Wenn's dir nicht klar ist, schafft eine Debugausgabe Klarheit ...!

litterauspirna · 18.07.2011, 18:25

Irgendwie peil ich das nicht richtig mit diesen Object Literalen.

Mein Code.

Code:

var createSelectBox = function ( pFieldType, pIdEmpfCon, pAttributes, pOptions ) {
    element = document.createElement( pFieldType );
    
    for ( var attr in pAttributes ) {
        element.setAttribute( attr, pAttributes[attr] );
    }
    
    for ( var opt in pOptions ) {
        option = document.createElement( "option" );
//        alert( pOptions[opt] );
        
        for ( var optAttrs in pOptions[opt] ) {
            optText = document.createTextNode( pOptions[opt][optAttrs] );
            option.appendChild( optText );
            
            for ( var attr in pOptions[opt][optAttrs] ) {
                option.setAttribute( attr, pOptions[opt][optAttrs][attr] );
//                alert( pOptions[opt][optAttrs][attr] );
            }
        }
        
        element.appendChild( option );
    }
    
    document.getElementById( pIdEmpfCon ).appendChild( element );
}

Und immer noch eione Exception.

Code:

Fehler: uncaught exception: [Exception... "String contains an invalid character"  code: "5" nsresult: "0x80530005 (NS_ERROR_DOM_INVALID_CHARACTER_ERR)"  location: "http://localhost/GregorWendt/Js/field_manager.js Line: 22"]

Ich komme nicht dahinter was ich aber falsch mache und mit den Debugg Versuchen, bzw. den Ergebnissen da drin komme ich auch nicht wirklich klar, die verwirren mich komplett.

DAnke für weitere Hilfe.

Mfg der Litter

ChrisB · 18.07.2011, 18:32

Code:

var o="";
for ( var opt in pOptions ) {
  o += "Level 1: "+opt+"\t"+pOptions+"\n";
  
  for ( var optAttrs in pOptions[opt] ) {
    o += "\tLevel 2: "+optAttrs+"\t"+pOptions[opt][optAttrs]+"\n";
    for ( var attr in pOptions[opt][optAttrs] ) {
      o += "\t\tLevel 3: "+attr+"\t"+pOptions[opt][optAttrs][attr]+"\n";
    }
  }
}
alert(o);

Das sollte dir klar machen, was du da durchläufst und wie.

ChrisB · 18.07.2011, 18:41

Wenn die Struktur immer gleich ist, dann brauchst du dich natürlich nicht mit verschachtelten Schleife rumschlagen - dann reicht es auch aus, eine Schleife zu machen und in der über die bekannten Bezeichner auf die darunter liegenden Objekte/Werte zuzugreifen.

nikosch · 18.07.2011, 18:54

Code:

for (key in object) {
  ..
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Schleifen, Schleifen, Schleifen...	frank-ae	PHP Tipps 2010	1	30.01.2010 19:35
nicht-numerisches-array durchlaufen und dabei auf nächstes..	Crypi	PHP Tipps 2006	7	16.08.2006 08:38
2 Forschleifen durchlaufen		PHP Tipps 2005	8	19.01.2005 11:20
2 Schleifen durchlaufen		PHP Tipps 2004	1	14.09.2004 14:33
Templatesystem: Wie realisiere ich Schleifen?	TheSkaterFriend	PHP Tipps 2004	2	14.08.2004 15:19

18.07.2011, 15:07
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Verschachteltes Objektliteral mit for in Schleifen durchlaufen? Hallo Leute, ich übergebe einer Funktion fogendes Objektliteral. Code: { "opt_1":{ "attrs":{ "value":"Telefon", "class":"tel" }, "opt_text":"Telefon" }, "opt_2":{ "attrs":{ "value":"Mobil", "class":"mob" }, "opt_text":"Mobil" }, } Der Sinn dahinter ist, dass in eine Selectbox Optionsfelder eingefügt werden mit Attributen etc. Dazu muss ich dieses Objectliteral durchlaufen, aber hier weis ich nicht recht wie ich das mit den for in Schleifen machen muss. Ich weiß das für ein einfaches Objektliteral, jedoch nicht für verschachtelte. Ich habe auch nichts finden finden können als ich in Google "javascript verschachteltes Objektliteral durchlaufen" eingab. Habt ihr da mal einen kurzen Tipp? Danke Mfg der Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.07.2011, 18:41
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Wenn die Struktur immer gleich ist, dann brauchst du dich natürlich nicht mit verschachtelten Schleife rumschlagen - dann reicht es auch aus, eine Schleife zu machen und in der über die bekannten Bezeichner auf die darunter liegenden Objekte/Werte zuzugreifen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

18.07.2011, 18:54
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Code: for (key in object) { .. } __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --