ECMAScript/ES6

説明
スプレッド構文 (…) を使うと、配列式や文字列などの反復可能オブジェクトを、
0 個以上の引数 (関数呼び出しの場合) や要素 (配列リテラルの場合) を期待された場所で
展開したり、オブジ ...

ECMAScript/ES6

書式
関数名 = ()=> {
document.getElementById(ID名).innerHTML+=this;
}

使用例

<!DOCTYPE html>< ...

ECMAScript/ES6

書式
関数名 = 引数名 =>処理コード
引数が一つの場合、()の省略はOKです
使用例

<!DOCTYPE html><html><body><p id= ...

ECMAScript/ES6

書式
関数名 = (引数1,引数2) => 処理コード

使用例

<!DOCTYPE html><html><body><!--セレクタID:「cft」 --&g ...

ECMAScript/ES6

書式
関数名=()=>”戻り値”

使用例

<!DOCTYPE html><html><body><h1>アロー関数(=>)の ...

ECMAScript/ES6

書式
ES5の場合
関数名 = function() {xxx}
ES6(ES2015)の場合
関数名 = ()=>{xxx}

使用例

<!DOCTYPE html> ...

ECMAScript/ES6

書式
for(const 変数名 of 配列名)

使用例

<script>const intArr = ;const strArr = ;//int配列  for of処理for(const va ...

ECMAScript/ES6

書式

class クラス名B extends クラス名A { メソッド名(引数){処理コード} }

使用例

<script>//スーパークラス(の定義class User {   //親クラスのメソッド f ...

ECMAScript/ES6

書式

const オブジェクト名 = { メンバー変数1:値, メンバー変数2:値};const {変数名1,変数名2} =オブジェクト名

使用例

<script>//オブジェクト変数の定義 const u ...

ECMAScript/ES6

構文
console.log(` ${式1} test
message ${式2}.`);

使用例

<script>let x = 3;let y = 4;alert('通常の文字列の計算 ...

ECMAScript/ES6

書式
for(const index変数名 in 配列名)
使用例

<script>const strArr = ;//const 変数名 in 配列名for(const idx in strArr) ...

ECMAScript/ES6

書式
for(const key変数名 in オブジェクト変数名)

使用例

<script>//オブジェクト変数の宣言const userObj = {name: 'テスト太郎', city: ' ...

ECMAScript/ES6

書式

class クラス名 { constructor(引数1,引数2){ this.引数 =引数 }}

使用例

<script>//クラスの定義class User {//初期化関数 constructo ...

ECMAScript/ES6

書式
class クラス名 {
メソッド名(引数){処理コード}
}
使い方
var オブジェクト変数名 = new クラス名();
オブジェクト変数名.メンバ関数名()

使 ...

ECMAScript/ES6

書式

class クラス名{ static メソッド名{処理コード}}使い方クラス名.static関数名

使用例

<script>//クラスの定義class User {//static メソッドfunAの ...

ECMAScript/ES6

書式

class クラス名 { get 属性名() {処理コード} set 属性名(引数) {処理コード}] 使い方オブジェクト名.プロパティ名(属性)=値

使用例

<script>//クラスの定義clas ...

ECMAScript/ES6

書式

クラス名.prototype.変数 = 値クラス名.prototype.メソッド名 = function() {//処理コード  }

使用例

<script>//クラスの定義class User {/ ...

ECMAScript/ES6

構文
function 関数名(変数名 = 値)
使用例

<script>//関数funAに引数を指定function funA (n = 5) { return n*2;}//デフォルト引数を使用a ...