JavaScript Array von Schlüssel/Wert-Paaren verwendet Literal Variablenname für Schlüssel

Question

Ich versuche, ein Array von Schlüssel/Wert-Paare mit der Methode push zu erstellen, aber unerwartete Ergebnisse zu erhalten.

console.log druckt diese:

Bücher: [{ "Buchtitel": "Mark Twain"}]:

Bücher:

Während ich dies erwarten würde [{ "Tom Sawyer": "Mark Twain"}]

Hier ist der Code :

var books = []; 
var bookTitle = "Tom Sawyer"; 
var author = "Mark Twain"; 

books.push({bookTitle : author}) 

console.log("books: %s", JSON.stringify(books)) 

Ich habe books.bookTitle = author und books[bookTitle] = author versucht, aber das Ergebnis ist das gleiche. Jede Hilfe wird geschätzt.

Answer 1

Bracket notation der richtige Weg ist, einen dynamischen Schlüsselnamen zu verwenden:

books[bookTitle] = author 

Allerdings müssen Sie ein Zwischenobjekt verwenden:

var books = []; 
var bookTitle = "Tom Sawyer"; 
var author = "Mark Twain"; 
var foo = {}; 
foo[bookTitle] = author; 

books.push(foo); 

console.log("books: %s", JSON.stringify(books)) 

Answer 2

In modernen Javascript (ES2015 +), können Sie computed properties, die Ihren Beispielcode in einer leichten Weise ändert - eckige Klammern werden um den Schlüsselnamen gewickelt, um anzuzeigen, dass er berechnet werden sollte vor Zuweisung:

var books = []; 
var bookTitle = "Tom Sawyer"; 
var author = "Mark Twain"; 

books.push({[bookTitle] : author}) 

... die richtig ergibt:

[{ 'Tom Sawyer': 'Mark Twain'}

Dies ist ähnlich wie Matt Ball ursprüngliche Antwort, aber vermeidet die Ausführlichkeit Verwendung temporärer Variablen.