[ES6]スプレッド構文で配列の結合をする
説明
スプレッド構文 (…) を使うと、配列式や文字列などの反復可能オブジェクトを、
0 個以上の引数 (関数呼び出しの場合) や要素 (配列リテラルの場合) を期待された場所で
展開したり、オブジ ...
「ES2015(ES6)」アロー関数にthisでクラスのオブジェクトを表示
書式
関数名 = ()=> {
document.getElementById(ID名).innerHTML+=this;
}
使用例
<!DOCTYPE html>< ...ES2015(ES6)にアロー関数に括弧なしのサンプル
書式
関数名 = 引数名 =>処理コード
引数が一つの場合、()の省略はOKです
使用例
ES2015(ES6)にアロー関数にパラメータを使用する
書式
関数名 = (引数1,引数2) => 処理コード
使用例
<!DOCTYPE html><html><body><!--セレクタID:「cft」 --&g ...ES2015(ES6)にアロー関数の戻り値を使用する
書式
関数名=()=>”戻り値”
使用例
<!DOCTYPE html><html><body><h1>アロー関数(=>)の ...ES2015(ES6) にアロー関数(=>)を使用するサンプル
書式
ES5の場合
関数名 = function() {xxx}
ES6(ES2015)の場合
関数名 = ()=>{xxx}
使用例
<!DOCTYPE html> ...[ES6] for of文で配列要素の値を取得
書式
for(const 変数名 of 配列名)
使用例
<script>const intArr = ;const strArr = ;//int配列 for of処理for(const va ...「ES6」extendsでクラスを継承する
書式
class クラス名B extends クラス名A { メソッド名(引数){処理コード} }使用例
<script>//スーパークラス(の定義class User { //親クラスのメソッド f ...[ES6]オブジェクトの分割代入のサンプル
書式
const オブジェクト名 = { メンバー変数1:値, メンバー変数2:値};const {変数名1,変数名2} =オブジェクト名使用例
<script>//オブジェクト変数の定義 const u ...「ES6」テンプレート文字列に式を埋め込む
構文
console.log(` ${式1} test
message ${式2}.`);
使用例
<script>let x = 3;let y = 4;alert('通常の文字列の計算 ...[ES2015(ES6)]for in文で配列のインデックスと要素を取得
書式
for(const index変数名 in 配列名)
使用例