Progate学習コースJavaScript Ⅱ ES6 #JavaScript

今回は、Progateの学習コースJavaScriptⅡ ES6で学んだ内容をアウトプットしていきます。
PartⅡの内容は、繰り返し処理、配列、オブジェクト処理がメインです。

while文

// 変数numberを定義してください
let number = 1;

// while文を作成してください
while(number<=100){
  console.log(number);
  number += 1;
}

for文

// for文を用いて、1から100までの数字を出力してください
for(let number = 1;number<=100;number++){
  console.log(number);
}

繰り返し処理のまとめ

// for文を完成させてください
for (let number = 1; number <= 100; number ++){
  // if文を用いて、numberが3の倍数の時に「3の倍数です」、そうでないときは数字を出力してください
  if(number %3 === 0){
    console.log("3の倍数です");
  }
  else{
  } console.log(number);
}

配列

// 定数animalsに、指定された配列を代入してください
const animals = ["dog","cat","sheep"];

// 定数animalsを出力して下さい
console.log(animals);

配列の要素の取得

const animals = ["dog", "cat", "sheep"];

// 配列の1つ目の要素を出力してください
console.log(animals[0]);

// 配列の3つ目の要素を出力してください
console.log(animals[2]);

配列の要素の更新

const animals = ["dog", "cat", "sheep"];

// 配列animalsの3つ目の要素を「rabbit」に更新してください
animals[2] = "rabbit";

// 配列animalsの3つ目の要素をコンソールに表示して下さい
console.log(animals[2]);

配列と繰り返し

//(1)
const animals = ["dog", "cat", "sheep"];

// for文を用いて、配列の値を順にコンソールに出力してください
for(let i = 0; i < 3; i++){
  console.log(animals[i]);
}

//(2)
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]);
}

オブジェクト

// 定数characterを定義し、指定されたオブジェクトを代入してください
const character = {name:"にんじゃわんこ",age: 14};

// characterの値を出力してください
console.log(character);

オブジェクトの値の取得・更新

const character = {name: "にんじゃわんこ", age: 14};

// characterのnameの値を出力してください
console.log(character.name);

// characterのageの値を「20」に更新してください
character.age = 20;

// characterをコンソールに出力してください
console.log(character);

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

//(1)
const characters = [
  {name: "にんじゃわんこ", age: 14},
  {name: "ひつじ仙人", age: 1000}
];

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

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

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

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

総合演習

//(1)
const cafe = {
  name: "Progateカフェ",
  businessHours: {
    // businessHoursの値に指定されたオブジェクトを代入してください
    opening:"10:00(AM)",
    closing:"8:00(PM)"

  },
};

// 「店名:〇〇」を出力してください
console.log(`店名: ${cafe.name}`);

// 「営業時間：〇〇から△△」を出力してください
console.log(`営業時間: ${cafe.businessHours.opening}から${cafe.businessHours.closing}`);

//(2)
const cafe = {
  name: "Progateカフェ",
  businessHours: { 
    opening: "10:00(AM)",
    closing: "8: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]);
}