キー/値ペアのJavaScript配列は、キーのリテラル変数名を使用します

Question

pushメソッドを使用してキーと値のペアの配列を作成しようとしましたが、予期しない結果が得られました。

console.logプリントこれ：

書籍：[{ "bookTitleで"： "マークトウェイン"}]：

書籍：[{

私はこの期待に対し"トム・ソーヤー"： "マーク・トウェイン"}]

コードは次のとおりです：

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

books.push({bookTitle : author}) 

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

私はbooks.bookTitle = authorとbooks[bookTitle] = authorを試してみたが、結果は同じです。どんな助けもありがとうございます。

Answer 1

Bracket notationはダイナミックキー名を使用する正しい方法です：

books[bookTitle] = author 

はしかし、あなたは、中間オブジェクトを使用する必要があります。現代のJavascript（ES2015 +）で

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

を、あなたが使用することができますcomputed propertiesあなたのサンプルコードを若干修正します - 角括弧はキー名の周りにラップされて計算されることを意味しますの前にの割り当て：

正しく得

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

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

...：

を[{ 'トム・ソーヤー'： 'マークトウェイン'}

これは、マット・ボールのオリジナルの答えに似ていますが、冗長性を回避一時変数を使用します。