JavaScriptクイックリファレンス｜書きながら思い出す、思考を止めないための地図

JavaScript クイックリファレンス

JavaScriptを「思い出すための地図」として使える、最小構成の早見表です。
暗記ではなく、“必要な瞬間に引く”ための一覧として設計しています。

変数

let a = 1;      // 再代入可
const b = 2;    // 再代入不可
var c = 3;      // 旧来（基本的に使わない）

データの種類

undefined
null
boolean
number
bigint
string
symbol
object

typeof 1        // "number"
typeof "a"      // "string"
typeof null     // "object"

条件分岐

if (cond) {
} else if (cond) {
} else {
}

switch (x) {
  case 1: break;
  default: break;
}

ループ

for (let i = 0; i < n; i++) {}

for (const v of array) {}
for (const k in object) {}

while (cond) {}
do {} while (cond);

関数

function f(a, b) {
  return a + b;
}

const g = (a, b) => a + b;

function h(a = 1, ...rest) {}

配列

const arr = [1, 2, 3];

arr.push(4)
arr.pop()

arr.map(x => x * 2)
arr.filter(x => x > 1)
arr.reduce((a, b) => a + b, 0)

オブジェクト

const obj = {
  x: 1,
  y() { return this.x; }
};

obj.x
obj["x"]

分割代入・スプレッド

const [a, b] = arr;
const { x, y } = obj;

const c = [...arr, 4];
const o = { ...obj, z: 3 };

例外処理

try {
  risky();
} catch (e) {
  console.error(e);
} finally {
}

非同期

async function load() {
  const r = await fetch(url);
  return r.json();
}

load().then(v => console.log(v));

クラス

class A {
  constructor(x) {
    this.x = x;
  }
  f() {
    return this.x;
  }
}

class B extends A {
  f() {
    return super.f() * 2;
  }
}

モジュール

// export
export const x = 1;
export function f() {}

// import
import { x, f } from "./mod.js";
import * as mod from "./mod.js";

この一覧は「学ぶため」ではなく、
書きながら思い出すための道具です。

JavaScriptは、覚えた量ではなく、
“どれだけ速く参照できるか”で自由度が決まります。

クイックリファレンスは、 コードを書く流れを止めないための「外部化された記憶」です。