Javascript: Iterate über Objekt-Literalwerte

Habe ich ein standard-jQuery-plugin eingerichtet, erstellt die default-Einstellungen an der Spitze:

jQuery.fn.myPlugin = function(options) { 
    var defaults = {  
        starts: "0px,0px",
        speed: 250, ...
    };
    o = $.extend(defaults, options);
}

Habe ich noch eine variable namens numberOfObjects.

Ich versuche, eine Schleife durch den Standard-Variablen. Für jedes Gefundene Objekt (aus numberOfObjects) ich duplizieren müssen den Wert der Variablen Wert. Also, wenn die numberOfObjects variable 3 ist, wird die defaults.starts sollte 0px,0px > 0px,0px > 0px,0px. Die > wird verwendet, um split-Werte.

Dies ist, was ich derzeit habe. X stellt den Namen der Variablen innerhalb Standardwerte. Y stellt die variable für den aktuellen Wert von x. Ich habe so weit gekommen und haben keine Ahnung, was als Nächstes zu tun ist.

for (x in defaults) {   //x is defaults.x
    defaults.x = defaults.x + " > y";
}

InformationsquelleAutor der Frage Aaron | 2012-02-20

javascript

var obj = {
    'foo': 1,
    'bar': 2
};

for (var key in obj) {
    console.log(obj[key]);
}

Oder mit jQuery:

$.each(obj, function(key, value) {
    console.log(this, value, obj[key]);
});

InformationsquelleAutor der Antwort Petah

36

Sollten Sie nicht davon abhängen, jQuery.
```
Object.keys(obj).forEach(function (key) {
  var value = obj[key];
   //do something with key or value
});
```
InformationsquelleAutor der Antwort Blair Anderson

Beste Vorgehensweise ist, um zu überprüfen, ob das Objekt, Attribut, wird der Iteration ist vom Objekt selbst und nicht vererbt aus der Prototyp-Kette. Sie können dies überprüfen, mithilfe .hasOwnProperty(): (natürlich wenn Sie wollen, zu zählen vererbten Eigenschaften entfernen Sie einfach die if-Anweisung).

Hier ist der Allgemeine Fall:

for(var index in object) { 
   if (object.hasOwnProperty(index)) {
       var value = object[index];
       //do something with object value here.
   }
}

Hier ist das Beispiel-Fall erwähnt, wo Sie wollen, um ein Duplikat zu erstellen-Objekt mit dem Wert jeder einzelnen Taste dupliziert (repliziert nach dem Wert der var numberofobjects (ich habe in zwei Lösungen, wobei Sie entweder ändern Sie das vorhandene Objekt oder einen neuen erstellen):

//function to repeat value as a string inspired by disfated's answer here http://stackoverflow.com/questions/202605/repeat-string-javascript

function repeatValue(value, count) {
    value = String(value); //change to string to be able to add " > " as in question
    if (count < 1) return '';
    var result = '';
    while (count > 1) {
        if (count & 1) result +=  value + " > ";
        count >>= 1, value += " > " + value;
    }
    return result + value;
}

var numberofobjects = 3;
var newObject = {}; //for use if creating a duplicate object with the new values

for(var x in defaults) { 
   if (defaults.hasOwnProperty(x)) {
       //use this to replace existing values
       defaults[x] = repeatValue(defaults[x], numberofobjects);

       //or use this to create values in the new object
       newObject[x] = repeatValue(defaults[x], numberofobjects);
   }
}

InformationsquelleAutor der Antwort David Anderton

5

Let ' s setup-unsere basic-Objekt, bevor wir loslegen:
```
const x = {
  x: 1,
  y: 2,
  z: 3
};
```
Können wir mit dem Objekt.Schlüssel(x) gibt ein array aller Schlüssel in unserem Objekt.
```
Object.keys(x)
> ['x', 'y', 'z']
```
Nun sind wir in der Lage, map, filter, reduce und Schleife über das array und tun Sie etwas mit diesem Wert in unserem Objekt:
```
Object.keys(x).map(key => x[key] + 1)
> [2,3,4]

Object.keys(x).forEach(key => console.log(x[key]))
> [1,2,3]
```
Den main mitnehmen hier ist, dass wir den Schlüssel verwenden, um Zugriff auf die bestimmten Wert, es funktioniert, aber es fühlt sich ein wenig klobig. ES2017 mit sich bringt Object.values() die verwendet werden können, als eine nette Abkürzung für die Rückgabe ein array aller Werte innerhalb eines Object.
```
Object.values(x)
> [1,2,3]

Object.values(x).map(value => value + 1)
> [2,3,4]

Object.values(x).forEach(value => console.log(value))
> [1,2,3]
```
Lesen Sie mehr über das Objekt.Werte() bei MDNenthalten Sie auch einen polyfill, sollten Sie brauchen, um die Unterstützung für ältere Browser & Browser, die Sie noch nicht umgesetzt.

InformationsquelleAutor der Antwort Kristian Roebuck
3

In Ihrem code:
```
for(x in defaults){
   defaults.x = defaults.x + " > y";
}
```
Müssen Sie sagen defaults[x] statt defaults.x.

x ist eine variable halten ein string, der den Schlüssel in der defaults Objekt, und die Klammer (array-Stil) - syntax können Sie verwenden Sie diese variable, um das Eigentum. Mit der dot-notation defaults.x ist auf der Suche nach einer Immobilie heißt eigentlich "x", das äquivalent von defaults["x"].

InformationsquelleAutor der Antwort nnnnnn

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.