Fügen Sie eine Eigenschaft auf ein JavaScript-Objekt mit einer variable als name?

Ich bin ziehen Sie Elemente aus der DOM mit jQuery und wollen, um eine Immobilie auf einem Objekt mit der id des DOM-Elements.

Beispiel

const obj = {}

jQuery(itemsFromDom).each(function() {
  const element = jQuery(this)
  const name = element.attr('id')
  const value = element.attr('value')

  //Here is the problem
  obj.name = value
})

Wenn itemsFromDom umfasst ein element mit einem id von "myId", ich will obj haben eine Eigenschaft mit dem Namen "myId". Das obige gibt mir name.

Wie kann ich die name-Eigenschaft ein Objekt mit einer variable mit JavaScript?

Siehe auch - Eigenschaft Zugriff: dot-notation vs. Klammern? und Dynamisch access-Objekt-Eigenschaft mit der Variablen
Siehe auch so erstellen Sie einen Objekt-Eigenschaft aus einer der Wert der Variablen in JavaScript?

InformationsquelleAutor Todd R | 2009-03-29

437

Können Sie verwenden Sie diese syntax entspricht:
```
obj[name] = value
```
InformationsquelleAutor CMS
94

Mit ECMAScript 2015 können Sie es direkt tun, die in object-Deklaration mit Klammer-notation:
```
var obj = {
  [key]: value
}
```
Wo key kann eine beliebige Art von expression (üblicherweise eine variable) gibt einen Wert zurück:
```
var obj = {
  ['hello']: 'World',
  [x + 2]: 42,
  [someObject.getId()]: someVar
}
```
Diese Frage ist zum ändern von bestehenden Objekt -, nicht eine neue zu erstellen.
Diese Frage könnte zu ändern, aber es ' s verwiesen wird, die von anderen Fragen, die über die dynamische Erstellung von Objekten und so landete ich hier und glücklich profitiert von dieser Antwort.
lol ja warum würde ich gehen durch den Aufwand der obj[name]=value wenn ich könnte, nur verwenden Ihre Anregung statt
Ich bin mir nicht sicher, was ECMAScript 6 ist, aber ich Schätze es sehr,
ECMAScript 6 ist mehr formal als ECMAScript 2015 ("ES2015") aka ECMAScript 6th edition ("ES6"). Es ist die Spezifikation für JavaScript veröffentlicht im Juni 2015. Seitdem hatten wir ES2016 und bald werden ES2017, Sie sind auf einen jährlichen Zyklus jetzt.

InformationsquelleAutor kube

Können Sie auch die Liste der Objekte dieser

var feeTypeList = [];
$('#feeTypeTable > tbody > tr').each(function (i, el) {
    var feeType = {};

    var $ID = $(this).find("input[id^=txtFeeType]").attr('id');

    feeType["feeTypeID"] = $('#ddlTerm').val();
    feeType["feeTypeName"] = $('#ddlProgram').val();
    feeType["feeTypeDescription"] = $('#ddlBatch').val();

    feeTypeList.push(feeType);
});

InformationsquelleAutor dnxit

3

Mit lodash, können Sie erstellen neues Objekt wie dieses _.set:
```
obj = _.set({}, key, val);
```
Oder Sie können auf bestehende Objekt wie folgt:
```
var existingObj = { a: 1 };
_.set(existingObj, 'a', 5); //existingObj will be: { a: 5 }
```
Sollten Sie kümmern, wenn Sie möchten, verwenden Sie einen Punkt (".") in Ihrem Weg, weil lodash können set-Hierarchie, zum Beispiel:
```
_.set({}, "a.b.c", "d"); //{ "a": { "b": { "c": "d" } } }
```
InformationsquelleAutor Momos Morbias
2

Gibt es zwei verschiedene Notationen, um Zugriff auf Objekt-Eigenschaften
- Dot notation: myObj.prop1
- Halterung notation: myObj["prop1"]
Dot-notation ist schnell und einfach, aber Sie muss Verwendung der tatsächlichen Eigenschaft name explizit. Keine substitution, Variablen, etc.

Klammer-notation ist offen. Es verwendet eine Zeichenfolge, aber können Sie produzieren, die Zeichenkette mit jeder gesetzlichen js-code. Sie können angeben, die string als literal (obwohl in diesem Fall die Punkt-notation würde das Lesen einfacher) oder eine variable zu verwenden oder zu berechnen.

So, diese alle setzen die myObj Eigenschaft namens prop1 auf den Wert Hallo:
```
//quick easy-on-the-eye dot notation
myObj.prop1 = "Hello";

//brackets+literal
myObj["prop1"] = "Hello";

//using a variable
var x = "prop1"; 
myObj[x] = "Hello";                     

//calculate the accessor string in some weird way
var numList = [0,1,2];
myObj[ "prop" + numList[1] ] = "Hello";     
```
Fallstricke:
```
myObj.[xxxx] = "Hello";      //wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      //wrong: this expects a variable called prop1
```
tl;dnr: Wenn Sie berechnen möchten oder auf die Taste, die Sie muss Verwendung Klammer-notation. Wenn Sie mit der Taste explizit, dann verwenden Sie die Punkt-notation für einfache, klare code.

Hinweis: es gibt einige andere gute und richtige Antworten, aber ich persönlich finde Sie ein bisschen kurz kommen, von einer geringen Vertrautheit mit JS on-the-fly Schrulligkeit. Dies kann hilfreich sein für einige Menschen.

InformationsquelleAutor jim birch
1

Mit dem Aufkommen der ES2015 Objekt.zuweisen und berechnete Eigenschaftsnamen der OP-code reduziert sich auf:
```
var obj = Object.assign.apply({}, $(itemsFromDom).map((i, el) => ({[el.id]: el.value})));
```
InformationsquelleAutor wOxxOm
0

Wenn Sie möchten, um zusätzliche Felder hinzuzufügen, um ein Objekt dynamisch zu, einfachsten Weg, es zu tun ist wie folgt:
```
 var params= [
{key: "k1", value=1},
{key: "k2", value=2},
{key: "k3", value=3}];

for(i=0; i< params.len; i++) {
  data[params[i].key] = params[i].value
}
```
So erstellen Sie Daten-Objekt hat folgende Felder:
```
{k1:1, k2:2, k3:3}
```
InformationsquelleAutor Sruthi Poddutur
-1

objectname.newProperty = value;

Haben Sie Lesen die Frage?

InformationsquelleAutor ARNAB

-1

const data = [{
    name: 'BMW',
    value: '25641'
  }, {
    name: 'Apple',
    value: '45876'
  },
  {
    name: 'Benz',
    value: '65784'
  },
  {
    name: 'Toyota',
    value: '254'
  }
]

const obj = {
  carsList: [{
    name: 'Ford',
    value: '47563'
  }, {
    name: 'Toyota',
    value: '254'
  }],
  pastriesList: [],
  fruitsList: [{
    name: 'Apple',
    value: '45876'
  }, {
    name: 'Pineapple',
    value: '84523'
  }]
}

let keys = Object.keys(obj);

result = {};

for(key of keys){
    let a =  [...data,...obj[key]];
    result[key] = a;

}

InformationsquelleAutor Shubham Asolkar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.