プロゲート【JavaScript Ⅱ 学習コース】While文,for文,配列,オブジェクト

prorate:JavaScript 学習コース II

while文

while (条件)  {
	処理;
} // セミコロン不要

// 変数numberを定義
let number= 1;

// while文
while(number <= 100){
  console.log(number);
  number += 1; //1を足して繰り返し101にfalseになったところでストップ
}

for文

for (変数の定義;条件式;変数の更新)  {
	処理;
} // セミコロン不要

number ++ //number += 1を省略
number -- // number -= 1を省略

for (let number = 1; number <= 100; number ++){
  console.log(number);
}

3の倍数のときは「3の倍数です」と出力する

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

配列を定数に代入する

const fruits = ["apple","banana","orange"];
// 文字列の配列を代入
//　インデックス番号　0→1→2

const fruits = [1,2,3];
// 数値の配列を代入

console.log(fruits[0]); //appleが表示される

要素の更新

// 配列animalsの3つ目の要素を「rabbit」に更新
animals[2] = "rabbit";
console.log(animals[2]); //出力

配列とfor文

const fruits = ["apple","banana","orange"];　//定義

for (let i = 0; i < 3; i ++){
		// 変数の定義;条件式;変数の更新
  console.log(fruits[i]);
}

length

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

console.log(配列.length)

const fruits = ["apple","banana","orange"];　//定義

for (let i = 0; i < fruits.length; i ++){
		// 変数の定義;条件式;変数の更新
  console.log(fruits[i]);
}

オブジェクト

　// 配列
[ 値; 値; 値 ]

// オブジェクト
{プロパティ1:値1,プロパティ2:値2,プロパティ3:値3 }

// オブジェクトのアイテムを取り出す
console.log(オブジェクト名.プロパティ名);

　// オブジェクトの値を更新
オブジェクト.プロパティ名 = 新しい値;

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

const items =[

{プロパティ1:値1,プロパティ2:値2,プロパティ3:値3}, // インデックス0
{プロパティ1:値1,プロパティ2:値2,プロパティ3:値3}, // インデックス1
{プロパティ1:値1,プロパティ2:値2,プロパティ3:値3}  // インデックス2

];

//オブジェクトを取り出したい時
console.log(items[0])

// プロパティを取り出したいとき
配列[インデックス番号].プロパティ名
console.log(items[0].プロパティ)

undefined

配列の存在しないインデックス番号の要素や、オブジェクトの存在しないプロパティの要素を取得しようとすると、undefined と出力されます。
undefined は特別な値で、値が定義されていないことを意味します。-progate-

if( items.個数 === undefined){ // itemsの個数が定義されていない時
    console.log("個数不明");
	}else{
 個数が定義されているときの処理
 }

応用

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

// オブジェクト名.プロパティ.プロパティで呼び出せる

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