JavaScriptについて

前提・実現したいこと

以下のコードについて教えて下さい
const characters = [
{name: "にんじゃわんこ", age: 14},
{name: "ひつじ仙人", age: 100},
{name: "ベイビーわんこ", age: 5},
];

// for文を完成させてください
for (let i=0;i<characters.length ;i++) {
console.log("--------------------");

// 定数characterを定義してください
const character=characters[i];

// 「名前は〇〇です」を出力してください
console.log(名前は${character.name}です);

// 「〇〇歳です」を出力してください
console.log(${character.age}歳です);

}

一度、 const character=characters[i];と定義する意味が
わかりません。
ド素人で申し訳ございませんがよろしくお願い致します。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

試したこと

補足情報（FW/ツールのバージョンなど）

m.ts10806

2019/11/29 07:57

ド素人かどうかは要件には関係ないので「初心者アイコン」をつけるにとどめてもらうとして。・コードはマークダウンのcode機能を利用してご提示ください・タイトルに要件がなにも書かれていません。タグにある内容は含めなくても良いので起きている問題などを具体的に記載してください。

shiracamus

2019/11/29 08:41

ソースコードをcodeタグで囲ってください。

kei344

2019/11/29 08:49

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

m.ts10806

2019/11/29 21:43 編集

質問は編集できるので適宜ご対応ください。「質問への追記修正依頼」をスルーされると回答が得られにくくなる傾向が顕著にあります（必要なことを依頼しています。特にコードの見せ方は結構大事です）

pop03

2019/12/02 01:25

すいません、以後気を付けます

m.ts10806

2019/12/02 01:58

質問は編集できるので適宜ご対応ください。

行動規範の内容に同意します

回答4件

一度、 const character=characters[i];と定義する意味が

わかりません。

console.log() がシンプルになる方法を示したいのでしょう。

最新の JavaScript 実行環境だと「分割代入」でもう少しシンプルになります。

javascript
1for (let i=0;i<characters.length ;i++) {
2  const { name, age } = characters[i]; // 分割代入
3  console.log("--------------------");
4  console.log(`名前は${name}です`);
5  console.log(`${age}歳です`);
6}

投稿2019/11/29 08:26

AkitoshiManabe

総合スコア5434

ベストアンサー

微妙に表記がまちがっていますね

javascript
1const characters = [
2  {name: "にんじゃわんこ", age: 14},
3  {name: "ひつじ仙人", age: 100},
4  {name: "ベイビーわんこ", age: 5},
5  ];
6
7for (let i=0;i<characters.length ;i++) {
8  console.log("--------------------");
9  const character=characters[i];
10  console.log(`名前は${character.name}です`);
11  console.log(`${character.age}歳です`);
12}
13

const character=characters[i];と定義する意味が

わかりません。

変数を使うのは再利用するためです。
名前と年齢で同じ変数を参照していますね
もちろん変数を使わなくても結構ですが、ちょっと冗長になります

javascript
1for (let i=0;i<characters.length ;i++) {
2  console.log("--------------------");
3  console.log(`名前は${characters[i].name}です`);
4  console.log(`${characters[i].age}歳です`);
5}

投稿2019/11/29 08:00

yambejp

総合スコア116661

pop03

2019/11/29 08:28

ありがとうございます。直接characters[i].nameやcharacters[i].ageと書いても大丈夫でした。これをcharacters.nameやcharacters.ageと[i]を抜いたらいけないのは、なぜでしょうか？

yambejp

2019/11/29 08:29

charactersは配列ですからnameやageというプロパティをもっていないからです

shiracamus

2019/11/29 08:38 編集

characters は配列で、何番目の要素のnameかを指定する必要があります。 for文でインデックス番号ではなく要素を取り出すループにする手もあります。コメントの方にソースを追加しておきます。（違うところにコメントしてしまいました。すみません。）

pop03

2019/11/29 08:41

ありがとうございます。ようやく何となく理解できました。

行動規範の内容に同意します

代入しなくてもできますよ。
characters[i] が 2回登場するので、1回にまとめるために変数に代入しているだけの話。

javascript
1const characters = [
2  {name: "にんじゃわんこ", age: 14},
3  {name: "ひつじ仙人", age: 100},
4  {name: "ベイビーわんこ", age: 5},
5];
6
7// for文を完成させてください
8for (let i = 0; i < characters.length; i++) {
9  console.log("--------------------");
10
11  // 「名前は〇〇です」を出力してください
12  console.log(`名前は${characters[i].name}です`);
13
14  // 「〇〇歳です」を出力してください
15  console.log(`${characters[i].age}歳です`);
16}

for文で要素を変数に代入しながらループする方法もあります。

javasacript
1const characters = [
2  {name: "にんじゃわんこ", age: 14},
3  {name: "ひつじ仙人", age: 100},
4  {name: "ベイビーわんこ", age: 5},
5];
6
7// for文を完成させてください
8for (let character of characters) {
9  console.log("--------------------");
10
11  // 「名前は〇〇です」を出力してください
12  console.log(`名前は${character.name}です`);
13
14  // 「〇〇歳です」を出力してください
15  console.log(`${character.age}歳です`);
16}