javascriptの配列を変換したい

Question

const fruitsList = ['apple', 'banana', 'grape'];

となっているものを

[{key: 0, word: 'apple'}, {key: 1, word: 'banana'}, {key: 2, word: 'grape'}]

という形に変換したいです。
また、以下のように試みたのですが、これで上手く変換できない理由も併せて知りたいです。

const fruitsList = ['apple', 'banana', 'grape'];
const newFruitsList = [];
const FruitsObject = new Object;

for (var i = 0; i < fruitsList.length; i++) {
	FruitsObject.key = i;
    FruitsObject.word = fruitsList[i];
    newFruitsList.push(FruitsObject);
}

console.log(newFruitsList);
// > Array [Object { key: 2, word: "grape" }, Object { key: 2, word: "grape" }, Object { key: 2, word: "grape" }]

よろしくお願いいたします。

Answer 1

理由も併せて知りたいです。

const FruitsObject = new Object;

Objectをこの1つしか作ってないからです。3つ作る必要がありますよね。

newFruitsList = fruitsList.map((item, index) => {return {key:index, word:item}});

Answer 2

const fruitsList = ['apple', 'banana', 'grape'];
const newFruitsList = fruitsList.map((word,key)=>({key,word}));
console.log(newFruitsList);