[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 配列名)
使用例
「ES6」for in文でオブジェクトのプロパティを取得
書式
for(const key変数名 in オブジェクト変数名)
使用例
<script>//オブジェクト変数の宣言const userObj = {name: 'テスト太郎', city: ' ...「ES6」クラスのコンストラクタの初期関数のサンプル
書式
class クラス名 { constructor(引数1,引数2){ this.引数 =引数 }}使用例
<script>//クラスの定義class User {//初期化関数 constructo ...[ES6]クラス定義のメソッドを定義するサンプル
書式
class クラス名 {
メソッド名(引数){処理コード}
}
使い方
var オブジェクト変数名 = new クラス名();
オブジェクト変数名.メンバ関数名()
使 ...
「ES6」クラスのスタティックメソッド(static)を定義する
書式
class クラス名{ static メソッド名{処理コード}}使い方クラス名.static関数名使用例
<script>//クラスの定義class User {//static メソッドfunAの ...[ES6]クラスのgetter、setterを定義する
書式
class クラス名 { get 属性名() {処理コード} set 属性名(引数) {処理コード}] 使い方オブジェクト名.プロパティ名(属性)=値使用例
<script>//クラスの定義clas ...「ES6」プロトタイプ(prototype)でクラスに変数やメソットを追加する
書式
クラス名.prototype.変数 = 値クラス名.prototype.メソッド名 = function() {//処理コード }使用例
<script>//クラスの定義class User {/ ...「ES6」関数にデフォルト引数を指定するサンプル
構文
function 関数名(変数名 = 値)
使用例