変数とJavaScript繰り返し。For文の作り方、値の指定の仕方

配列.lengthとすることで、配列の要素数を取得できる

const animals = ["dog", "cat", "sheep", "rabbit", "monkey", "tiger", "bear", "elephant"];

// lengthを用いて配列の要素の数を出力
console.log(animals.length);

// lengthを用いて条件式を書き換え
for (let i = 0; i < animals.length; i++) {
  console.log(animals[i]);
}

プロパティを使う

const characters = [
  {name: "Name１", age: 14},
  {name: "Name２", age: 1000}
];

// charactersの1つ目の要素をコンソールに出力
console.log(characters[0]);

// charactersの2つ目の要素の「name」に対応する値をコンソールに出力
console.log(characters[1].name);

プロパティを使った表現

const characters = [
  {name: "NameA", age: 14},
  {name: "NameB", age: 100},
  {name: "NameC", 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}歳です`);
  
}

配列の存在しないインデックス番号の要素や、オブジェクトの存在しないプロパティの要素を取得しようとすると、undefined と出力される。

　undefined は特別な値で、値が定義されていないことを意味

const characters = [
  {name: "test1", age: 14},
  {name: "test2", age: 100},
  {name: "test3", age: 5},
  {name: "test4"}
];

for (let i = 0; i < characters.length; i++) {
  console.log("--------------------");
  
  const character = characters[i];
  
  console.log(`名前は${character.name}です`);
  
  // if文を追加してください
  if(character.age === undefined){
    console.log("年齢は秘密です");
  }
  else{
    console.log(`${character.age}歳です`);
  }

プロパティに配列を入れることもできる

const cafe = {
  name: "美味しいカフェ",
  businessHours: { 
    opening: "10:00(AM)",
    closing: "17:00(PM)"
  },
  // menusプロパティに配列を代入
  menus:["コーヒー","紅茶","チョコレートケーキ"]
};

console.log(`店名: ${cafe.name}`);
console.log(`営業時間:${cafe.businessHours.opening}から${cafe.businessHours.closing}`);
console.log(`----------------------------`);
console.log("おすすめメニューはこちら");

// for文を用いて配列menusの中身を表示

for(let i = 0; i < cafe.menus.length; i++){
  console.log(cafe.menus[i]);
}