javascript for文 について

Question

前提・実現したいこと

以下のソースコードで、for文中でcharacterを定義するのは何故ですか？

例えば、下記において、なんで${characters[i].name} や ${characters[i].age}にするとerrorになるのですか？

console.log(character[i].name}; ではnameプロパティの値が出るのに、${}中だと出ない理由が知りたいです。

該当のソースコード

const characters = [
{name: "にんじゃわんこ", age: 14},
{name: "ひつじ仙人", age: 100},
{name: "ベイビーわんこ", age: 5},

];

for (let i = 0; i < characters.length; i++) {
console.log("--------------------");

const character = characters[i];

console.log(名前は${character.name}です);
console.log(${character.age}歳です);
}

Answer 1

そもそもエラーになるようなコードだからエラーが発生しているということでは？
このようにすればいいです

{
const characters = [
{name: "にんじゃわんこ", age: 14},
{name: "ひつじ仙人", age: 100},
{name: "ベイビーわんこ", age: 5},
];

for (let i = 0; i < characters.length; i++) {
console.log("--------------------");

console.log(`名前は${characters[i].name}です`);
console.log(`${characters[i].age}歳です`);
}
}

Answer 2

例えば、下記において、なんで${characters[i].name} や ${characters[i].age}にするとerrorになるのですか？

console.log(character[i].name}; ではnameプロパティの値が出るのに、${}中だと出ない理由が知りたいです。

これで動くような気がします。

console.log(`名前は${character.name}です`);
console.log(`${character.age}歳です`);

• 参考

JavaScript (ES2015) 文字列中に変数展開できるテンプレート構文のメモ

以下のソースコードで、for文中でcharacterを定義するのは何故ですか？

私もわかりません。
このソースコードを書いた人にしか理由はわからないと思います。

これでも動くような気はしますが、動作確認はしていないので確証はありません。

// const character = characters[i]; // コメントアウトした

console.log(`名前は${characters[i].name}です`);
console.log(`${characters[i].age}歳です`);

Answer 3

例えば、下記において、なんで${characters[i].name} や ${characters[i].age}にするとerrorになるのですか？

特にエラーにはなりませんが。

CodePenで実行したもの