ECMA Script6

Object.freeze()の使い方Object.seal()メソッドではプロパティの追加も削除もできなくなりますが、既存プロパティの値変更は可能でした。Object.freeze()メソッドを使用すると、値変更も不可になります。cons...

Object.seal()の使い方Object.preventExtensions()メソッドは、プロパティの削除は可能ですが、Object.seal()メソッドを使用すると、プロパティの追加も削除もできなくなります。deleteしても無視...

Object.preventExtensions()の使い方Object.preventExtensions()メソッドを使用すると、オブジェクトに新しくプロパティを追加できないようにすることができます。const obj = {x:1,y...

Object.defineProperty()の使い方TypeScriptでlocation.reloadをspyOnしようとして、できなかったので色々調べていたら、Object.defineProperty()、Object.getOwn...

ES6のexport defaultES6のexport defaultのdefaultはimportする際に指定が無ければそのクラスまたはメソッドを呼ぶ、という意味があります。export default class App { // 処...

ECMA Script6（JavaScript）の配列のsomeメソッドの使い方ECMA Script6（JavaScript）の配列のsomeメソッドについてです。someメソッドは、引数に渡した関数による比較で真が返る要素が一つでもある...

ECMA Script6（JavaScript）のモダンなコーディングECMA Script6（JavaScript）のモダンな記述方法です。{}を付けてオブジェクトを作成するlet a = 'test';let obj = {a};con...

ECMA Script6（JavaScript）の配列のmapメソッドの使い方ECMA Script6（JavaScript）の配列のmapメソッドの使い方についです。mapメソッドは配列の要素を編集して返却するメソッドです。元の配列を破壊...

ECMA Script6（JavaScript）の三項演算子ECMA Script6（JavaScript）では、Javaと同じように三項演算子が使えます。let a = '';let b = a === '' ? 'test1' : 't...

ECMA Script6（JavaScript）のErrorオブジェクトlet a = new Error();とすることにより変数にエラーオブジェクトを格納できます。Errorオブジェクトにはmessageプロパティが存在し、Errorの...

オブジェクトのプロパティを削除する方法ECMA Script6（JavaScript）でオブジェクトのプロパティを削除するにはdeleteを使用します。以下のようなオブジェクトがあるとします。let a = { "id": "test_co...

ECMA Script6（JavaScript）で配列に配列を追加するECMA Script6（JavaScript）で配列に配列を追加する方法です。スプレッド演算子を使用して記述します。let arr1 = ;let arr2 = ;ar...

ECMA Script6（JavaScript）で配列をユニークにする方法ECMA Script6（JavaScript）で配列の重複している値をユニークにする方法です。const arr = ;const uniq = ;console....

ECMA Script6（JavaScript）で配列のオブジェクトをソートするECMA Script6（JavaScript）で配列のオブジェクトをソートする方法です。オブジェクトは以下のように年度が入っていてそれを以ってソートします。以...

ECMA Script6（JavaScript）でデストラクチャリング（分割代入）という記述方法ECMA Script6（JavaScript）でデストラクチャリング（分割代入）という記述方法についてです。以下のような記述をよく見ます。le...

ECMA Script6（JavaScript）で配列から文字列、文字列から配列に変換する配列のメソッドにjoinメソッドがあります。joinなので配列の要素を結合するのですが、joinメソッドの引数に文字列を渡すことによって、デリミタを指...

ECMA Script6（JavaScript）でObjectをコピーするObject.assignメソッドECMA Script6（JavaScript）でObjectをコピーする方法です。単に変数に代入するだけです。let obj1 =...

ECMA Script6（JavaScript）のsuperキーワードとthisについてECMA Script6（JavaScript）からextendsして親クラスを持つことが可能になりました。子クラスのconstructorで、supe...

ECMA Script6（JavaScript）のtruthy and falsyPythonなんかができる人だとtruthy and falsyがわかるようですが、私は不勉強でしたので今日まで知りませんでした。!!aみたいなコーディングが...

ECMA Script6（JavaScript）のfor-inとfor-ofとforEachの違いECMA Script6（JavaScript）のfor-inとfor-ofとforEachの違いについてです。for-inで取得するのはプロ...

ECMA Script6（JavaScript）のPromiseオブジェクトの使い方ECMA Script6（JavaScript）のPromiseオブジェクトの使い方についてです。Promiseメソッドは非同期処理を、同期処理のように扱え...

ECMA Script6（JavaScript）の関数引数を可変長引数にする方法ECMA Script6（JavaScript）の関数引数を可変長引数にする方法です。Javaと同じく、引数の前に...を付けることで可変長引数にすることができ...

ECMA Script6（JavaScript）の関数引数の初期値設定方法ECMA Script6（JavaScript）の関数の引数は初期値を設定することができるようになりました。今までは関数は以下のように定義していました。functio...

ECMA Script6（JavaScript）のMapクラスの使い方ECMA Script6（JavaScript）のMapクラスの使い方についてです。JavaのMapとほぼ同じ気がします。キーと値をセットしてくれます。以下、記述例です。...

ECMA Script6（JavaScript）のアロー関数（=>）ECMA Script6（JavaScript）のアロー関数という関数があります。普通の関数はfunctionを使用します。function method(x, y) { ...

ECMA Script6（JavaScript）のvarとletとconstの違い関数スコープとブロックスコープECMA Script6（JavaScript）のvarとletとconstの違いについてです。varは変数を定義するときに使用...

ECMA Script6（JavaScript）でclassを作成するECMA Script6（JavaScript）でclassを作成できるようになりました。以下簡単なクラスです。class Sample { constructor(na...

ECMA Script6（JavaScript）のuse strictモードECMA Script6（JavaScript）にはstrictモードというのがあります。よく目にするのはスクリプト全体をstrictモードにする方法です。スクリプ...

JSのtrim()とtrimStart()とtrimEnd()の使い方と違いJSのStringでtrimStart()メソッドとtrimEnd()メソッドが追加されました。trim()メソッドは文字列の前後の空白を削除してくれます。trim...