[JQ/JS]Lengte van een variable

[BryanD]

Beste tweakers,
ik heb een (noob) vraagje m.b.t JavaScript en/of jQuery:

Ik heb het volgende stukje code:

code:

var variabelenaam = { 
  'item1' : 'dit is item 1',
  'item2' :  'dit is item 2',
'item 3': 'dit is item 3',
'item 4':'dit is item 4'
};

Nu wil ik graag weten hoe lang deze variabele is.
Echter werkt .length niet.
De variabele kan varieren van grote, (meer of minder items).
Wat ik dus (in het voorbeeld) terug krijgen wil is 4.
Echter als ik een item 5 er bij in zet wil ik (natuurlijk) 5 terug zien.
Hoe kan ik dit bereiken.

Excuses voor de noob vraag >.<.
B.v.d,

[Jaap-Jan]

Oftewel: hoe vind ik de lengte van een hash in JavaScript?

Ga dat maar eens opzoeken.

Raar dat je wel weet hoe het werkt, maar dat je de naam van het concept niet kent.

[ Voor 35% gewijzigd door Jaap-Jan op 19-01-2011 12:20 ]

[Verwijderd]

Begin met je te verdiepen in de juiste terminologie, dat zoekt een stuk makkelijker. Je bent nu op zoek naar het aantal properties van een object. Het aantal situaties waarin dat nodig is, is minimaal, dus ik denk dat je wat je tot nu toe hebt gemaakt gewoon beter moet programmeren.

Properties hebben normaal weinig met elkaar te maken, de enige situatie waarin ik me kan voorstellen dat je dit echt nodig heb is als je met reflection bezig bent. En ik hoop dat je dat niet bent.

[BryanD]

Is al anders opgelost
alsnog dank heren en vooral jaap-jan, wist idd niet hoe dat hete

[NMe]

Zo te zien ben je hier een object aan het misbruiken als associatief array. Zoals Cheatah al zegt kun je dat beter niet doen.

[Gamebuster]

JavaScript:

var c=0;
for(var x in object)
  c++;

Variable c bevat nu de som van het aantal properties in object.

[ Voor 35% gewijzigd door Gamebuster op 19-01-2011 13:12 ]

[Gamebuster]

Jaap-Jan schreef op woensdag 19 januari 2011 @ 12:18:
Oftewel: hoe vind ik de lengte van een hash in JavaScript?

Ga dat maar eens opzoeken.

Raar dat je wel weet hoe het werkt, maar dat je de naam van het concept niet kent.

Ik ken het concept ook, maar nooit van de term gehoort

Misschien omdat ik alles zelfstandig geleerd heb ipv op een opleiding.

[Gamebuster]

NMe schreef op woensdag 19 januari 2011 @ 13:08:
Zo te zien ben je hier een object aan het misbruiken als associatief array. Zoals Cheatah al zegt kun je dat beter niet doen.

Waarom is dat slecht?

[Bosmonster]

Als je wilt weten wat de lengte is, is de keuze van je associatieve array/object niet de juiste.

Wat je beter kunt doen is een normale array met daarin objecten, aangezien je blijkbaar een verzameling items op wilt slaan. Dan kun je ook gewoon de length-property gebruiken.

[ Voor 10% gewijzigd door Bosmonster op 19-01-2011 13:27 ]

[NMe]

Gamebuster schreef op woensdag 19 januari 2011 @ 13:18:
[...]

Waarom is dat slecht?

Onduidelijkheid. Zie ook http://www.quirksmode.org/js/associative.html. Ik vind dat een mooiere manier van hashes gebruiken.

Trouwens, als je wat toe te voegen hebt aan je posts dan kun je de edit-knop gebruiken. Ik wil het best negeren als er eens sporadisch een dubbelpost gemaakt wordt, maar drie onder elkaar gaat me toch wat te ver.

[BryanD]

i.v.m. het besparen van het leed van de moderators wil ik graag een niet relevante vraag posten in dit topic dus bij deze:

Hoe kan ik van een element terug krijgen (jQuery) wat voor element het is?

voorbeeld:

code:

<div id="div1">
  <span class="span1"></span>
  <img class="img1"/>
  <div id="div2"></div>
  <span id="span2"></span>
</div>

jQuery

code:

var next = $("#div1").children(".span1").next();

Nou wil ik dus van het element next (<img class=""/>) weten dat het een img is..
Hoe kan ik dat voor me kaar boxen? Op de jquery site kon ik niet echt iets vinden en ik ben ook niet zeker hoe ik dit in google in voeren moet.

B.v.d heren,

[Verwijderd]

Gewoon leren programmeren. Daar hoort ook bij: debuggen, analyseren, documentatie lezen, etc.

Overigens is next() in jouw geval technisch gezien geen img element maar een text object met whitespace. Ga je gewoon verdiepen in de materie. jQuery is een library met handige functionaliteit maar werkt onder water ook gewoon met de DOM.

[BryanD]

Heb het al voor mekaar:

(uitgaand van voorgaand voorbeeld)

code:

next.get(0).tagName;

geeft keurig IMG terug

[R4gnax]

Gamebuster schreef op woensdag 19 januari 2011 @ 13:10:

JavaScript:

var c=0;
for(var x in object)
  c++;

Variable c bevat nu de som van het aantal properties in object.

Fout. Je houdt geen rekening met het prototype.

JavaScript:

var c = 0;
for(var x in object)
  if (object.hasOwnProperty(x)) c++;

En dat is dan ook gelijk waarom dit een slecht idee is, want hasOwnProperty is behoorlijk duur.

BryanD schreef op woensdag 19 januari 2011 @ 15:56:
i.v.m. het besparen van het leed van de moderators wil ik graag een niet relevante vraag posten in dit topic dus bij deze:

Hoe kan ik van een element terug krijgen (jQuery) wat voor element het is?

De is method, maar afhankelijk van wat je wilt doen, kun je mss. beter het volgende proberen:

JavaScript:

var next = $("#div1").children(".span1").next("img");
if (next.length) {
  /* ... */
}

[Verwijderd]

BryanD schreef op woensdag 19 januari 2011 @ 16:07:
Heb het al voor mekaar:

(uitgaand van voorgaand voorbeeld)

code:

next.get(0).tagName;

geeft keurig IMG terug

jQuery returned altijd als een set van elementen, ook al selecteer je er maar 1. Je kunt ze ook als array benaderen:

JavaScript:

jQuery('body')[0].tagName

[Gamebuster]

R4gnax schreef op donderdag 20 januari 2011 @ 09:21:
[...]


Fout. Je houdt geen rekening met het prototype.

JavaScript:

var c = 0;
for(var x in object)
  if (object.hasOwnProperty(x)) c++;

En dat is dan ook gelijk waarom dit een slecht idee is, want hasOwnProperty is behoorlijk duur.

JavaScript:

Object.prototype.size = function()
{
    var c=0;
    for(var x in this)
        c++;
    return c;
};

var variabelenaam = {
  'item1' : 'dit is item 1',
  'item2' :  'dit is item 2',
'item 3': 'dit is item 3',
'item 4':'dit is item 4'
};

console.log(variabelenaam.size());

output: 5

Ah. Weer wat geleerd.

[ Voor 50% gewijzigd door Gamebuster op 23-01-2011 21:11 ]

[R4gnax]

Gamebuster schreef op zondag 23 januari 2011 @ 21:05:
[...]

Ah. Weer wat geleerd.

Irritant probleem niet waar? Hierom wordt er ook altijd gezegd dat het een slecht idee is om het prototype van Object (of Array) uit te breiden. Je kunt zelfs niet meer van een simpele for-in constructie uitgaan zonder de prototype chain te inspecteren.

[Gamebuster]

R4gnax schreef op zondag 23 januari 2011 @ 23:12:
[...]


Irritant probleem niet waar? Hierom wordt er ook altijd gezegd dat het een slecht idee is om het prototype van Object (of Array) uit te breiden. Je kunt zelfs niet meer van een simpele for-in constructie uitgaan zonder de prototype chain te inspecteren.

JavaScript:

Object.prototype.size = function()
{
    var c=0, x=null;
    for(x in this)
        c++;
    for(x in this.constructor.prototype)
        c--;
    return c;
};
console.log({a:1,b:2,c:3,d:4}.size());

output: 4

There, I Fixed It.

Alleen alle andere for(... in ...) loops op Object's moeten nu rekening houden met prototypes- maar daar zal ik voortaan een gewoonte van maken.

[ Voor 12% gewijzigd door Gamebuster op 24-01-2011 00:28 ]

[Bosmonster]

Jij kunt daar wel rekening mee houden, maar het blijft bad practice

Het is een redelijke aanslag op de portability van je code. En dit is iets dat juist voor Javascript redelijk belangrijk is.

Het is tevens een van de redenen waarom jQuery zo populair is ten kostte van Prototype en Mootools.

[crisp]

Gamebuster schreef op maandag 24 januari 2011 @ 00:19:
[...]

There, I Fixed It.

Alleen alle andere for(... in ...) loops op Object's moeten nu rekening houden met prototypes- maar daar zal ik voortaan een gewoonte van maken.

Beter kan je dan hasOwnProperty gebruiken:

JavaScript:

for (x in this)
{
    if (this.hasOwnProperty(x))
        c++;
}

maar verder eens met Bosmonster: Object kan je beter niet extenden...