矢印関数はオブジェクトのプロパティとしてパラメータを返します

Question

私の矢印関数のパラメータwordをオブジェクトキーのプロパティとして返したいと思います。しかし、返されたオブジェクトには、代わりにプロパティ"word"が含まれています。

lines = ["first row","second row","third row"] 
 
let newLines = lines.map((item, index)=> { 
 
        let wordsPerLines = item.split("\s"); 
 
        return wordsPerLines.map(word => ({ word : index})) 
 
      } 
 
      ); 
 
      console.log(newLines);

これが出力されます：

[ 
    [ 
    { 
     "word": 0 
    }, 
    { 
     "word": 0 
    } 
    ], 
    [ 
    { 
     "word": 1 
    }, 
    { 
     "word": 1 
    } 
    ], 
    [ 
    { 
     "word": 2 
    } 
    ] 
] 

私の代わりにこの出力を持っているしたいと思います：

[ 
    [ 
    { 
     "first": 0 
    }, 
    { 
     "row": 0 
    } 
    ], 
    [ 
    { 
     "second": 1 
    }, 
    { 
     "row": 1 
    } 
    ], 
    [ 
    { 
     "third": 2 
    }, 
    { 
     "row": 2 
    } 
    ] 
] 

Answer 1

は、角カッコ内のプロパティ名を入れてありますので、

word => ({ [word] : index}) 

：

return wordsPerLines.map(word => ({ [word] : index})); 

[ ]は任意の式を含めることができます。これが評価され、結果の文字列値がプロパティ名になります。

Answer 2

Javascriptが文字通りオブジェクトのキーを取ります。変数を使用するには、次のようにあなたのリターンコードを変更します。

return wordsPerLines.map(word => ({ [word] : index})) 

ブラケットはjsのは、それが変数ではなく、文字通り'word'だ知っています。