Please enable JavaScript.

Coggle requires JavaScript to display documents.

progate JS ES6 2018/9/9~ (知識 (var let 違い変数の重複許容 var => 許す let…

- - - - underfinedを避ける方法
        配列繰り返し処理の中にif文を用いる。
        underfinedに値する箇所の定義値に比較演算子(===)を使う
        その結果を出力する
        if(character.age === undefined)
        {
        console.log("年齢は秘密です");
        }
        
        複雑なオブジェクト
        任意のプロパティの中に更にオブジェクトを作れる。
        「オブジェクト名.プロパティ.プロパティ」
        のように呼び出す
        例
        console.log(character.favorite.food);
        
        const cafe = {
        name: "Progateカフェ",
        businessHours: {
        // businessHoursの値に指定されたオブジェクトを代入してください
        opening : "10:00(AM)",
        closing : "8:00(PM)",
        }, };
        
        使用例
        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});
        
        オブジェクト　配列　プロパティに配列を追加したコード
        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]);
        }
- - - - 引数（ひきすう）とは関数に与える追加情報のようなものです。
        関数を呼び出すときに一緒に値を渡すことで、関数の中でその値を利用することができます。
        引数を受け取る
        関数の定義
        (引数名) =>
        上記のように書くと引数を受け取ることができる
        const introduce = (name) = > {
        //処理
        };
        呼び出し方
        定数名(値);
        
        関数内で引数を使用する
        // 関数の引数にnameを追加してください
        const greet = (name) => {
        // 「こんにちは、〇〇さん」となるように出力してください
        console.log(こんにちは、${name}さん); };
        // greetの引数に
        「ひつじ仙人」を渡して呼び出してください
        greet("ひつじ仙人");
        //こんにちは、ひつじ仙人さん
        
        複数の引数を受け取る
        const x = (第一引数,第二引数) =>[
        //処理
        };
        // 関数の引数にnumber1とnumber2を追加してください
        const add = (number1,number2) => {
        // number1とnumber2を足した値をコンソールに出力してください
        console.log(number1 + number2); };
        // 引数に5と7を渡して関数を呼び出してください
        add(5,7);
        // 12
        
        戻り値 return
        呼び出し元で受け取る処理結果を戻り値（もどりち）と呼び、このことを「関数が戻り値を返す」と言います。
        return 値
        を書くことで関数はその値を戻り値として返します。
        
        const half = (number) => {
        // numberを2で割った値を戻り値として返してください
        return number / 2; };
        // 定数resultを定義してください
        const result = half(130);
        // 「130の半分は〇〇です」となるように出力してください
        console.log(130の半分は${result}です);
        
        様々な戻り値
        const check = (number) => {
        // numberが3の倍数かどうかを戻り値として返してください
        return number % 3 === 0; };
        // if文の条件式で、checkを呼び出してください
        if (check(123)) {
        console.log("3の倍数です"); }
        else
        {
        console.log("3の倍数ではありません");
        }
        
        スコープについて
        関数外で定義した定数は、関数外でも使える
        関数内で定義した定数は、関数内でしか使えない
        
        1 more item...