JavaScript(ES2015（ES6）) 〜🐾立ち止まって一旦復習👣〜

「関数」と仲良くなるために、復習をします(￣^￣)ゞ

【Progate JavaScript　Ⅰ〜Ⅲ】
先ずは基本が大事よね、ってことで、Progateさまで忘れている箇所や分かってなかった箇所を再確認！

🍀if文→セミコロン不要
　　　→else

🍀switch文→値によって処理を分岐
　　　　　　（case : とbreak ; で値を指定し処理を実行）
                    →セミコロン不要
　　　　　   →default

🐣ここまでで30ｍ
　ちゃんと回数も記録されます⭐️→相変わらずの神対応✨

🍀while文→セミコロンは不要
　　　　　→繰り返し処理
　　　（console.log を先に書き、その下に繰り返したい処理を書く）

🍀for文→セミコロンは不要
　　　　→⚠️（「変数の定義」;「条件式」;「変数の更新」）⚠️


🍀配列→複数形、セミコロン必須！！　[ , , , ];
　　　 →値を管理
 　　　→for文とコラボ

🍀length→配列の要素数を取得

🍀オブジェクト→セミコロン必須！！
　　　　　　　→{プロパティ：値}を管理
　　　　　　　→要素をコンマで区切るのは配列と同様
　
🍀🍀オブジェクトを要素に持つ、配列！
         const characters =
 [ {name: "にんじゃわんこ", age: 14} , {name: "ひつじ仙人", age: 1000} ] ;

🍀🍀オブジェクトの中のオブジェクト
        const cafe = {
　　　　　　　　　name: "Progateカフェ",
　　　　　　　　　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);}

🐣🐣ここまでで40ｍ
　　　オブジェクトと配置、改めて確認できて良かった！
　　　ちなみに、ただいま4:40★ 昨日、時間が取れなくて、「🍀🍀オブジェクトの中のオブジェクト」までしか進めなかった。昨日、今日は晴れね🌞


🍀関数、引数を用いるイメージ
　→1つの要素を表したい⭐️（関数）
　→少し、表現を変えて、この要素を再び表したい🌝（引数）

🍀引数
　→コンマで区切る
　　const greet = (name) => {
　　　　　　　　　console.log(`こんにちは、${name}さん`);
　　　　　　　　　};
　　greet("ひつじ仙人");　　　　　　　←　関数の表示
　
🍀戻り値のイメージ
　関数内に予め、「この条件式を後で提示してね」と、言っておく感じ。
　（これ、貸すけど今週中に返せよな！的な…）
　→厄介☠️なのが、以降の表現　
　　const half = (number) => {
　　　　　　　　return 　number/2;　　←「＝」なし！！
　　　　　　　　};
　　const result　=　half(130);　　　 ←　新しい定義を用いて関数を表示！
　　console.log(`130の半分は${result}です`);
　　　　　　　　⚠️returnを用いたら、関数の定義内でconsole.logは使えない！

🍀戻り値の活用
　const check = (number) => {
　　　　　　　　return number%3===0;
　　　　　　　　};
　if (check(123)) {　　　　　　　　　　←⚠️check=123にしちゃった💦
　　　　　　　　　　　　　　　　　　　　　　if文下でも、あくまで定数(　)
　　　console.log("3の倍数です");}
 else {
　　　console.log("3の倍数ではありません");}

🍀スコープ

🍀最大値の表示
　const number1 = 103;
　const number2 = 72;
　const number3 = 189;

　// getMax関数を定義してください
　const getMax=(a , b , c)=>{
　　　　　　　　let max=a;
　　　　　　　　if(b>max);{　max=b;　}
　　　　　　　　if(c>max);{　max=c;　}

　　　　return max　}

　// 「最大値は○○です」と出力してください
　const max=getMax(number1 , number2 , number3);
　console.log(`最大値は${max}です`);

　前回よりは理解深めて作成する事が出来ました。
　今回の目標でもあったので、ここまでで60ｍ。

【まとめ】
目標であった関数とはアドレス交換するくらいな仲にはなったと思います。　
html/cssの時より、他サイトで＋αを調べてなかったので、もう少し深めていこうかと思いました。一緒に旅行に行くくらいな仲良しを目指して٩( 'ω' )و
立ち止まり学習、続きます👣🐾👣