Wie kann ich JavaScript-Objekte mit dynamisch zugewiesenen Zeichenfolgenschlüsseln erstellen?

Verwendung dynamischer Eigenschaften in Objekten

Das Erstellen von Objekten mit variablen Eigenschaften in JavaScript kann gelegentlich eine Herausforderung darstellen. In diesem Zusammenhang befassen wir uns mit den Techniken zum Zuweisen von Zeichenfolgen als Objektschlüssel und stellen Lösungen sowohl für den neuesten ES2015-Standard als auch für frühere JavaScript-Versionen bereit.

ES2015 (ES6)-Lösung

1. Berechnete Eigenschaften:

ES2015 führt das Konzept der berechneten Eigenschaften ein und ermöglicht die Erstellung von Objekten mit Schlüsseln, die dynamisch berechnet werden:

var obj = {
  [myKey]: value,
};

Anwenden auf das Szenario:

stuff = function (thing, callback) {
  var inputs = $('div.quantity > input').map(function () {
    return {
      [this.attr('name')]: this.attr('value'),
    };
  });

  callback(null, inputs);
};

Hinweis: Erwägen Sie aus Gründen der Browserkompatibilität die Verwendung eines Transpilers wie z Babel.

Lösung vor ES2015

2. Klammernotation:

ES5 und frühere Versionen erfordern die Verwendung der Klammernotation, um dynamische Schlüssel zuzuweisen:

var obj = {};
obj[myKey] = value;

In diesem Fall:

stuff = function (thing, callback) {
  var inputs = $('div.quantity > input').map(function () {
    var key = this.attr('name');
    var value = this.attr('value');
    var ret = {};

    ret[key] = value;
    return ret;
  });

  callback(null, inputs);
};

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte mit dynamisch zugewiesenen Zeichenfolgenschlüsseln erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!