dynamische Schlüssel in Javascript assoziativen Array-Deklaration Einzeiler

Question

I die folgenden drei assoziativen Arrays identisch sein erwarten: In den obigen Beispielen und arr1arr3 gleich sind,

arr1 = { "dynamic":"foo", "bar":"baz" }; 

key = "dynamic";  
arr2 = { key:"foo", "bar":"baz" }; 

arr3 = {}; 
arr3[key] = "foo"; 
arr3["bar"] = "baz"; 

arr2 aber unterschiedlich ist.

Ist es möglich, dynamische Schlüssel in der Deklaration eines assoziativen Javascript-Arrays zu verwenden?

Answer 1

Nur die []-Syntax funktioniert für dynamische Schlüssel. Sie können sie nicht in einem Literal verwenden. Also deine Antwort ist nein, das ist nicht möglich.

Sie können jedoch ein Literal verwenden, um alle statischen Schlüssel zu erstellen, und dann die dynamischen Schlüssel mit der Syntax [] hinzufügen. Das ist in der Regel schöner als die . oder [] Schreibweise für alle Elemente.

Answer 2

Ich habe eine Lösung dafür gefunden.

Do, wie folgend:

var field='name'; 

var ourVar={}; 

ourVar[field] = 'Somethig'; 

Quelle: Javascript: variable as array key

Answer 3

Da Sie für einen Einzeiler gefragt, dies versuchen:

var key = 'dynamic', obj = (function(o) { o[key]='foo'; return o;})({bar: 'baz'}); 

Diese obj gleich {bar: "baz", dynamic: "foo"}

Answer 4

machen

Es ist jetzt möglich dynamische Schlüssel in der Deklaration eines Javascript-Objekts zu verwenden, in jedem Browser/Plattform, die ES6 wörtliche Kürzel unterstützt:

key = "dynamic";  
arr2 = { 
    [key]: "foo", // "dynamic": "foo" 
    "bar": "baz" 
};