JavaScript

サイト －Web開発コース(Node.js) | Progate リンク

JavaScript 学習レッスン I ＞文字列と数値

◯ポイント

１．バージョン：ES2015（ES6）は、JSの新しい仕様（バージョン）で、従来のJSより効率的にコードが書けることから近年注目を浴びている

２．文字列はシングルクォーテーション（ ' ）かダブルクォーテーション（ " ）で囲む必要がある

３．文の最後はセミコロン（;）で終わる

４．文頭に「//」を書くと、その行はコメントとみなされる

５．「+」記号を用いると、文字列同士を連結することができる

JavaScript 学習レッスン I ＞変数・定数

◯ポイント

１．変数は「let 変数名 = 値」として定義　　例：let name = "hoge"; console.log(name);

２．変数名の命名ルール：先頭文字に数値は指定できない。日本語は望ましくない

３．算術式には省略した書き方がある

４．定数はconstを用いて定義する

５．テンプレートリテラルを用いると文字列中に定数（変数）を埋め込むことができ

６．テンプレートリテラルを用いる際は、文字列全体をバッククォーテーション（`）で囲む必要がある

JavaScript 学習レッスン I ＞ 条件分岐

◯ポイント

１．比較演算子

２．等価演算子

３．等価演算子では、数値：12と文字列："12"は同じものとして扱われるが、厳密等価演算子を使うと異なるデータとして扱われる。

　　特に理由がなければ、厳密に比較できる厳密等価演算子を利用する

４．ifの書き方

５．「かつ」は”&&”で表し、「または」は”||”で表す

６．switch文の書き方

　　switch文では、breakがないと合致したcaseの処理を行った後、その次のcaseの処理も実行してしまうのでbreakを忘れないように気をつける

　　caseのどれにも一致しなかった時、defaultのブロックが実行される

JavaScript 学習レッスン II ＞ 繰り返し処理

◯ポイント

１．while文の使い方

２．for文の書き方。「number += 1」は「number ++」のように省略して書くことができる

JavaScript 学習レッスン II ＞配列・オブジェクト・総合演習

◯ポイント

１．配列の書き方

２．オブジェクトのつくり方（連想配列のこと）

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

４．オブジェクトの値の部分にオブジェクトを用いることができる

５．オブジェクトの値の部分にオブジェクトを用いた場合は、「オブジェクト名.プロパティ.プロパティ」で呼び出せる

６．オブジェクトの値には配列を用いることもできる

JavaScript 学習レッスン II ＞ undefined

◯ポイント

１．配列の存在しないインデックス番号の要素や、オブジェクトの存在しないプロパティの要素を取得しようとすると、undefined と出力される

２．if ( character.age === undefined ) { で条件分岐可能

JavaScript 学習レッスン III ＞関数を学ぼう

◯ポイント

１．関数の定義

２．アロー関数（ES6から導入された新しい書き方）

３．関数の引数の定義

４．戻り値を受け取る

５．様々な戻り値

６．オブジェクトの「値」の部分には、関数を用いることもできる。その関数を呼び出すには、「定数名.プロパティ名()」とする

JavaScript 学習レッスン IV ＞クラスの基本

 1 class Animal {
 2   constructor(name, age) {
 3     this.name = name;
 4     this.age = age;
 5   }
 6   
 7   greet() {
 8     console.log("こんにちは");
 9   }
10   
11   info() {
12     this.greet();
13     console.log(`名前は${this.name}です`);
14     console.log(`${this.age}歳です`);
15   }
16 }
17
18 class Dog extends Animal {
19   constructor(name, age, breed) {
20     super(name, age);
21     this.breed = breed;
22   }
23   
24   info() {
25     this.greet();
26     console.log(`名前は${this.name}です`);
27     console.log(`犬種は${this.breed}です`);
28     
29     console.log(`${this.age}歳です`);
30     const humanAge = this.getHumanAge();
31     console.log(`人間年齢で${humanAge}歳です`);
32   }
33   
34   getHumanAge() {
35     return this.age * 7;
36   }
37 }
38
39 const dog = new Dog("レオ", 4, "チワワ");
40 dog.info();
41