ECMA Script6

ECMA Script6

ECMA Script6

Object.freeze()の使い方

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

Object.seal()の使い方

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

Object.preventExtensions()の使い方

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

Object.defineProperty()の使い方

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

JSのvarはほぼ非推奨で良いと思う

JSのvarはほぼ非推奨で良いと思う JSの言語仕様がこれだけ変わっていくと、もはやvarなんて使うことはないような気がします。 letかconstで代用できます。さらに言うとconstだけでも良いような気がしてきます。 再代入するものに関...
ECMA Script6

ReactでES6のmapメソッドを使用してリストを作成する

ReactでES6のmapメソッドを使用してリストを作成する HTMLリストをレンダリングするReactコンポーネントを作成してみます。 class Test extends React.Component { render() { con...
ECMA Script6

ES6のexport default

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

ECMA Script6(JavaScript)の配列のsomeメソッドの使い方

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

ECMA Script6(JavaScript)のモダンなコーディング

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

ECMA Script6(JavaScript)の配列のmapメソッドの使い方

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

ECMA Script6(JavaScript)の三項演算子

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

ECMA Script6(JavaScript)のnew Date()をUTCからJSTに変換する方法(AWS Lambdaで注意)

ECMA Script6(JavaScript)のnew Date()をUTCからJSTに変換する方法(AWS Lambdaで注意)
ECMA Script6

ECMA Script6(JavaScript)のErrorオブジェクト

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

オブジェクトのプロパティを削除する方法

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

ECMA Script6(JavaScript)で配列に配列を追加する

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

ECMA Script6(JavaScript)で配列をユニークにする方法

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

ECMA Script6(JavaScript)で配列のオブジェクトをソートする

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

ECMA Script6(JavaScript)でデストラクチャリング(分割代入)という記述方法

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

ECMA Script6(JavaScript)で配列から文字列、文字列から配列に変換する

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

ECMA Script6(JavaScript)でObjectをコピーするObject.assignメソッド

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

ECMA Script6(JavaScript)のsuperキーワードとthisについて

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

ECMA Script6(JavaScript)のtruthy and falsy

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

ECMA Script6(JavaScript)のfor-inとfor-ofとforEachの違い

ECMA Script6(JavaScript)のfor-inとfor-ofとforEachの違い ECMA Script6(JavaScript)のfor-inとfor-ofとforEachの違いについてです。 for-inで取得するのは...
ECMA Script6

ECMA Script6(JavaScript)のPromiseオブジェクトの使い方

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

ECMA Script6(JavaScript)の関数引数を可変長引数にする方法

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

ECMA Script6(JavaScript)の関数引数の初期値設定方法

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

ECMA Script6(JavaScript)のMapクラスの使い方

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

ECMA Script6(JavaScript)のアロー関数(=>)

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

ECMA Script6(JavaScript)のvarとletとconstの違い

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

ECMA Script6(JavaScript)でclassを作成する

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

ECMA Script6(JavaScript)のuse strictモード

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

JSのtrim()とtrimStart()とtrimEnd()の使い方と違い

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