[JS] Objectnaam in var

[Verwijderd]

Ik ben bezig met het schrijven van een validatie plugin. Ik wil de plugin zo gaan aanroepen:

JavaScript:

$('#formTest').validate ({
   objectnaam: {
    lol: 1
   }

});

objectnaam wordt het naam of de id van het veld. Ik wil nu in de plugin de objectnaam in een var hebben, hoe kan ik dit het beste doen?

Alvast bedankt!

[MisterData]

Waarschijnlijk bedoel je zoiets:

JavaScript:

function validate(data) {
  for(var j in data) {
    // Op dit moment is j=="objectnaam", data[j]=={lol:1}
    for(var k in data[j]) {
       // Op dit moment is k=="lol" en data[j][k]==1
    }
  }
}

Let op, aan deze constructie zitten een aantal haken en ogen. Zo kunnen er allerlei andere properties worden meegenomen via prototypes die je niet wil hebben (te ondervangen door eerst isOwnProperty(j) aan te roepen om te checken of het echt een property op het object is) en is de volgorde van de items ongedefinieerd. Maar ik vermoed dat dat in dit geval niet zoveel uitmaakt.

[Killemov]

MisterData schreef op dinsdag 15 februari 2011 @ 09:20:
Waarschijnlijk bedoel je zoiets:

JavaScript:

function validate(data) {
  for(var j in data) {
    // Op dit moment is j=="objectnaam", data[j]=={lol:1}
    for(var k in data[j]) {
       // Op dit moment is k=="lol" en data[j][k]==1
    }
  }
}

Let op, aan deze constructie zitten een aantal haken en ogen. Zo kunnen er allerlei andere properties worden meegenomen via prototypes die je niet wil hebben (te ondervangen door eerst isOwnProperty(j) aan te roepen om te checken of het echt een property op het object is) en is de volgorde van de items ongedefinieerd. Maar ik vermoed dat dat in dit geval niet zoveel uitmaakt.

Het is sterk af te raden om iteraties over objecten (in) toe te passen op arrays. Indexen gebruiken voor arrays dus.

[voodooless]

Killemov schreef op woensdag 16 februari 2011 @ 22:50:
Het is sterk af te raden om iteraties over objecten (in) toe te passen op arrays. Indexen gebruiken voor arrays dus.

Misschien ook handig om even de rede hiervoor te geven Je loopt namelijk het gevaar dat je array geen 100% array is. Als er stiekem iets van een functie in zit, dan itereer je daar ook gezellig overheen, met alle vreemde gevolgen van dien.

Over loops is trouwens ook het laatste woord nog niet gesproken. Zie bijvoorbeeld hier over de verschillen in performance van verschillende notaties. Lang leve late binding

[crisp]

Killemov schreef op woensdag 16 februari 2011 @ 22:50:
[...]

Het is sterk af te raden om iteraties over objecten (in) toe te passen op arrays. Indexen gebruiken voor arrays dus.

Ik zie hier geen arrays? Hoewel je hier natuurlijk ook zou kunnen kiezen voor bijvoorbeeld een array van objecten.

Verder is er niets mis met het itereren over objecten mbv 'in', zolang je maar in je achterhoofd houdt dat Object.prototype verboten is

Voor arrays is het devies inderdaad om gewoon via de index te itereren (of forEach te gebruiken).

meteen even een schopje naar het juiste forum

[ Voor 12% gewijzigd door crisp op 17-02-2011 09:00 ]

[frickY]

Beetje vreemd om voor een variabele property-naam te kiezen. Kies dan voor de property 'objectnaam' waar je het object instopt. Of in dit geval logischer, geef hem gewoon als los argument mee?

JavaScript:

$('#formTest').validate(
    'formtest',   // of this.id
    {
        lol:    1
    }
);

function validate(objectnaam, config) {}

[crisp]

frickY schreef op donderdag 17 februari 2011 @ 09:04:
Beetje vreemd om voor een variabele property-naam te kiezen. Kies dan voor de property 'objectnaam' waar je het object instopt. Of in dit geval logischer, geef hem gewoon als los argument mee?

Ik gok dat hij validatierules voor meerdere objecten (velden) mee wil kunnen geven. Een alternatief zou dit kunnen zijn:

JavaScript:

$('#formTest').validate(
    [
        { fieldname: 'foo', rules: { required: true },
        { fieldname: 'bar', rules: { range: [0, 10] }
    ]
);

[Icelus]

Je kunt ook jQuerys each gebruiken:

JavaScript:

function validate(data)
{
   $.each( data, function(key,value) {
     // key = "objectnaam"
   });
}

[Bosmonster]

jQuery each is feitelijk ook niks anders dan een wat intelligentere in-statement. Dat soort variabele data wil je liever als values hebben, niet als keys.

Met crisp dus