JavaScriptのコードの書き方について

以下のコードはprogateの問題の答えです。わざわざcharacters[i]にcharacterを代入している理由がわかりません。そっちのほうが見やすいからでしょうか。

素人目にはcharacters[i]もcharacterも一行わざわざ付け足すほど見やすさに差を感じません。どういった理由からこのようにしているのか教えていただけると幸いです。

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  // 定数characterを定義してください
12  const character = characters[i];
13  
14  // 「名前は〇〇です」を出力してください
15  console.log(`名前は${character.name}です`);
16  
17  // 「〇〇歳です」を出力してください
18  console.log(`${character.age}歳です`);
19  
20}
21

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

回答2件

ベストアンサー

character に characters[i] を代入という話だとしましょう（とりあえずね）。

characters[i] は i 番目のキャラクターという意味だと思いますが、数回これを書くのだったり、他人（未来の自分を含む）が読まないに書くのだったらよいと思います。しかしコードというのはそうではなくこれを何度も書いたり、他人を読んだりと言ったことのほうが多いわけです。

まず、characters[i] を何回も書かなければいけないとなると単純にタイプ量が多くなります。それに [i] が入力しづらいので大変になってきます。

また、「i 番目の」キャラクターというよりは「その」キャラクター（英語でいう the）に固定してくれたほうが考えやすくなります。これは非常に重要なことで、関心の分離の一種とも言えます。この関数の中では「i 番目の」という情報は邪魔なのです。邪魔な情報は隠したほうがやりやすい、これはデザインの分野などでも言われていることです。

このような理由で変数の代入を行うことがよくあります（説明変数などと言ったりもします）。実行速度は気にしなくても大丈夫です。そのへんはインタープリターやコンパイラーが最適化してくれますので。それよりも人間が読んでて負荷が少ないということが大事なのです。

投稿2021/01/07 14:21