スポンサーリンク
JavaScript

JavaScript 逆引き集 | console.table で配列表現

console.table で配列表現 — console.table(data)JavaScript の console.table は「配列やオブジェクトを表形式で見やすく表示する」ための便利な関...
JavaScript

JavaScript 逆引き集 | 性能計測(console.time)

性能計測(console.time / console.timeEnd) — console.time('t'); console.timeEnd('t')JavaScript には 処理時間を計測す...
JavaScript

JavaScript 逆引き集 | Proxy でオブジェクト挙動をカスタム

Proxy でオブジェクト挙動をカスタム — new Proxy(obj, { get(target, k) { } })JavaScript の Proxy は「オブジェクトの操作を横取りしてカスタ...
JavaScript

JavaScript 逆引き集 | Reflect API(動的操作)

Reflect API(動的操作) — Reflect.get(obj, 'k') / Reflect.set(...)JavaScript の Reflect API は「オブジェクトを動的に操作す...
JavaScript

JavaScript 逆引き集 | Symbol を key とするオブジェクトプロパティ

Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...
JavaScript

JavaScript 逆引き集 | Symbol を key とするオブジェクトプロパティ

Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...
JavaScript

JavaScript 逆引き集 | Symbol の基本

Symbol の基本 — const s = Symbol('desc')JavaScript の Symbol は「一意(ユニーク)な値」を作るための型です。初心者は「他と絶対にかぶらない特別なラベ...
JavaScript

JavaScript 逆引き集 | 文字列テンプレートで複数行

文字列テンプレートで複数行 — line1\nline2複数行の文字列は「改行コードを埋め込む方法」と「テンプレートリテラルでそのまま改行を書く方法」の2通りあります。初心者は、まず「\n は改行コー...
JavaScript

JavaScript 逆引き集 | 短絡評価(&&/||)を利用した条件実行

短絡評価(&& / ||)を利用した条件実行 — cond && fn()JavaScript の 論理演算子 && と || は「真偽値の判定」だけでなく、短絡評価(ショートサーキット)を利用して「...
JavaScript

JavaScript 逆引き集 | 論理演算子で既定値(|| の注意)

論理演算子で既定値(|| の注意) — const v = a || 'def'('' や 0 も代替される)JavaScript では 論理演算子 || を使って「左側が falsy(falseっぽ...
JavaScript

JavaScript 逆引き集 | Nullish coalescing(??)

Nullish coalescing(??) — const v = a ?? 'default'JavaScript の Nullish coalescing 演算子 ?? は「値が null また...
JavaScript

JavaScript 逆引き集 | Optional chaining の利用(安全なネスト参照)

Optional chaining の利用(安全なネスト参照) — a?.b()JavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティや関数を安全に参照す...
JavaScript

JavaScript 逆引き集 | 配列の入れ子の安全アクセス(?.)

配列の入れ子の安全アクセス(オプショナルチェイニング ?.) — obj?.a?.bJavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティに安全にアクセス...
JavaScript

JavaScript 逆引き集 | 引数のデフォルト値に関数

引数のデフォルト値に関数 — function f(x = Date.now()) {}JavaScript では 引数のデフォルト値に「関数の呼び出し結果」を指定できます。初心者は「引数が渡されなか...
JavaScript

JavaScript 逆引き集 | 可変長引数の扱い

可変長引数の扱い — (...args) => argsJavaScript では 可変長引数(いくつでも引数を受け取れる仕組み)を rest 引数 ...args で書けます。初心者は「渡された引数...
JavaScript

JavaScript 逆引き集 | rest 引数と spread 構文

rest 引数と spread 構文 — function f(...args) {} / f(...arr)JavaScript には rest 引数 と spread 構文 という似た書き方があり...
JavaScript

JavaScript 逆引き集 | オブジェクトのデフォルト引数

オブジェクトのデフォルト引数 — function f(a = 1, b = {}) {}関数の引数に「値が渡されなかったときの既定値(デフォルト)」を設定できます。初心者は「未指定や undefin...
JavaScript

JavaScript 逆引き集 | parseInt/parseFloat の使い方

parseInt / parseFloat の使い方 — parseInt('12', 10)(基数指定)JavaScript では文字列を数値に変換する方法として parseInt と parseF...
JavaScript

JavaScript 逆引き集 | 型変換(Number/String/Boolean)

型変換(Number / String / Boolean) — Number('1'), String(1), Boolean(0)JavaScript では値の型を 明示的に変換 するために Nu...
JavaScript

JavaScript 逆引き集 | isNaN と Number.isNaN の違い

isNaN と Number.isNaN の違い — Number.isNaN(x) 推奨JavaScript で「値が NaN (Not a Number) かどうか」を判定する方法は2つあります。...
JavaScript

JavaScript 逆引き集 | typeof 判定(原始型)

typeof 判定(原始型) — typeof x === 'string'JavaScript の typeof 演算子は「変数や値の型」を文字列で返します。初心者は「この値は文字?数?それとも別の...
JavaScript

JavaScript 逆引き集 | instanceof 判定

instanceof 判定 — obj instanceof ClassJavaScript の instanceof 演算子は「あるオブジェクトが特定のクラス(コンストラクタ関数)から生成されたかど...
JavaScript

JavaScript 逆引き集 | static メソッド

static メソッド — static build(){}JavaScript の static メソッドは「インスタンスを作らなくてもクラスから直接呼び出せる関数」です。初心者は「クラスの便利関数...
JavaScript

JavaScript 逆引き集 | getter/setter(アクセサ)

getter / setter(アクセサ) — get v() {} / set v(x) {}JavaScript の getter / setter は「プロパティにアクセスしたときの動作」を自由...
JavaScript

JavaScript 逆引き集 | super の使用

super の使用 — super() / super.method()JavaScript の super は「親クラス(基底クラス)」を呼び出すためのキーワードです。extends で継承したクラ...
JavaScript

JavaScript 逆引き集 | extends 継承

extends 継承 — class B extends A {}JavaScript の extends は「クラスの継承」を表します。親クラス(基底クラス)の機能を子クラス(派生クラス)が引き継ぎ...
JavaScript

JavaScript 逆引き集 | class 構文

class 構文 — class A { constructor(x){ this.x = x } method(){} }JavaScript の class 構文は、オブジェクト指向プログラミング...
JavaScript

JavaScript 逆引き集 | プロトタイプ継承(古典)

プロトタイプ継承(古典) — Child.prototype = Object.create(Parent.prototype)JavaScript には「プロトタイプ継承」という仕組みがあります。こ...
JavaScript

JavaScript 逆引き集 | モジュールパターン(名前空間)

モジュールパターン(名前空間) — const My = (()=>{ return { fn(){} } })()JavaScript では昔から「モジュールパターン」という書き方がありました。これ...
JavaScript

JavaScript 逆引き集 | 即時実行関数(IIFE)

即時実行関数(IIFE) — (function(){})(); / (() => {})()JavaScript では 即時実行関数 (IIFE: Immediately Invoked Funct...
スポンサーリンク