Javascript

Memo__________
【コンスタンス内でインスタンス情報を追加する】
class クラス名 {
contructor(){
this.プロパティ名1 = 値;
this.プロパティ名2 = 値;
}
}


【コンスタンスで引数を利用する】
class クラス名1 {
contructor(プロパティ名1. プロパティ名2){
this.プロパティ名1 = プロパティ名1;
this.プロパティ名2 = プロパティ名2;
}
}
const 定数名 = new クラス名1(“値1文字列”,値2);

【メソッド内で値を使う】
class クラス名1 {
メソッド名(){
console.log(`名前は${this.プロパティ名1}です`);
}
}
const 定数名 = new クラス名1(“値1文字列”, 値2);


【戻り値の利用】
class クラス名1 {
メソッド名1(){
return this.プロパティ名;
}
}
const 定数名1 = new クラス名1(“値1文字列”,値2);
const 定数名2 = 定数名1.メソッド名1();

【その他、メソッドについて】
・子クラスのメソッドは親クラスで使用できない
・オーバーライド
親クラスと子クラスの同名のメソッドがある場合に子クラスが上書きを行うこと。


【パッケージのインポート】
import 定数名 from “パッケージ名”;

【コールバック関数】
メソッドの引数の中に入っている関数のこと
定数名.メソッド((引数) => {処理});
例:forEach/find/filter


Elements__________

・配列の定義
const 配列名 = [値1, 値2];
配列名.length(配列の数を出力)

・定数の定義
const 定数名 = 値;

・変数の定義
let/var 変数名 = 値
console.log(`私は${変数名}です`);(←変数や定数の呼び出し)

・オブジェクトの定義
const オブジェクト名 = {プロパティ: 値, プロパティ: ‘文字としての値’};
定数名.プロパティ名();(←で呼び出し)

・関数の定義
const 定数名 = function(引数){処理}
定数名();(←関数の呼び出し)
(引数1, 引数2)(←引数を複数回定義)


・アロー関数の定義(普通の関数よりシンプルなコードを書ける)
const 定数名 = (引数) => {処理}

・クラスの定義
class クラス名{}

・インスタンス(設計図)の生成
class クラス名1 {}
const インスタンス名 = new クラス名1();
クラスから生成したオブジェクトをインスタンスと呼ぶ

・コンストラクタ
class クラス名{constructor(){処理}}
インスタンス生成時の処理や定義。
※クラス内に記述する

・メソッド
class クラス名 {メソッド名(){処理}}
インスタンス名.メソッド名();(←呼び出し)
return this.プロパティ;(←戻り値の所得)


・クラスの継承
class クラス名 extends 継承するクラス名{}

・for文
for (let 変数名; 条件式: 変数名++){処理}

・if文
if (条件式){処理}

・ファイルのエクスポート
export {要素名};

・ファイルのインポート
import {要素名1, 要素名2} from “./ファイル名” ;
../.フォルダ名/ファイル名(←.はフォルダ移動の数、別フォルダの場合は階層を記入)
※要素は複数同時にエクスポート、インポート可能。

・pushメソッド
配列の最後に値を追加。
配列名.push(値)

・forEachメソッド
配列の要素一つ一つに処理を行う。
配列名.forEach((引数) => {処理})
→配列の要素は引数に代入される、処理で引数名を扱うことで配列の要素への処理を行える
※引数に入っている関数のことをコールバック関数と呼ぶ

・findメソッド
配列から、コールバック関数の条件にあう要素の1つ目を所得するメソッド。
配列名.find((引数) => {return 条件式})
→条件式の例(偶数の所得):return 引数名 % 2 === 0;

・filterメソッド
配列から、コールバック関数の条件にあう全ての要素を所得し新しい配列を生成するメソッド。
配列名.filter((引数) => {return 条件式})
→配列内のプロパティを指定する際は、『引数名.プロパティ名』で指定可能。

・mapメソッド
配列内の全ての要素に処理を行い、その戻り値から新しい配列を生成するメソッド。
配列名.map((引数) => {return 条件式});


Node.js__________
【memo】
・Node.jsのセットアップ
const express = require('express');
const app = express();


【elements】

この記事が気に入ったらサポートをしてみませんか?