配列とfor文について すごく初歩的な質問です

Question

独学でjabascriptについて勉強しています
for文について質問です

問.
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}歳です);

私が分からないのは

「　const character = characters[i];　」

の部分です。

なぜ定数のcharacterにcharacters[i]を代入しているのか分かりません。

この文をとばしてテンプレートリテラルを使い↓こんな感じで出力してはいけないのでしょうか？

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

Answer 1

この文をとばしてテンプレートリテラルを使い↓こんな感じで出力してはいけないのでしょうか？

かまわないんじゃないかと思います。

Answer 2

名前と年齢でcharacterを再利用しているから効率的です
もちろん以下でも何も問題はありません

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

Comments

[yambejp]

もしくはofで回すとか
for (let character of characters) {
console.log("--------------------");
console.log(`名前は${character.name}です`);
console.log(`${character.age}歳です`);
}

[ank]

私のでも問題ないんですね！ありがとうございました。

Answer 3

この文をとばしてテンプレートリテラルを使い↓こんな感じで出力してはいけないのでしょうか？

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

別にいけないわけじゃありません。

character が、何かしらのオブジェクトということで oj になると違って見えます。

for( let i = 0; i < characters.length; i++ ) {
  let oj = characters[i];
  console.log(`名前は${oj.name}です`);
  console.log(`${oj.age}歳です`);
}

• 個別のオブジェクトを定めた表現
• 配列添字の書き忘れ対策
• 複数の参照がある場合に短い文字数になることもある

etc...

ループ内で他の変数に代入しておくメリットもあるということです。

for ~ of文 もあるくらいです

for( let oj of characters ) {
console.log(`名前は${oj.name}です`);
console.log(`${oj.age}歳です`);
}