メモ（JavaScript II）

繰り返し

for (let number =1; number <=100 ; number ++) {
  
  if(number %3 ==0){
    console.log("3の倍数です");
  }  else{
    console.log(number);
  }
  
}

配列と繰り返し

const animals = ["dog", "cat", "sheep", "rabbit", "monkey", "tiger", "bear", "elephant"];
//複数の値をまとめて管理するには、配列というものを用います。配列は、[値1, 値2, 値3] のように作ります。配列に入っているそれぞれの値のことを要素と呼びます。配列を使うと、右の図のように複数の文字列や数値をまとめて書くことができます。

console.log(animals.length);

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

オブジェクトを要素に持つ配列

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

undefinedの対応

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

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: "Progateカフェ",
  businessHours: { 
    opening: "10:00(AM)",
    closing: "8:00(PM)"
  },

  menus:["コーヒー","紅茶","チョコレートケーキ"]
  
};

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

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