JavaScript Reference & Cheatsheet — Quick API Lookup

console.log('text');           // General output
console.error('text');         // Error output
console.warn('text');          // Warning output
console.info('text');          // Info output
console.debug('text');         // Debug output
console.table(array);          // Tabular display
console.time('label');         // Start timer
console.timeEnd('label');      // End timer
console.trace();               // Stack trace
console.group('label');        // Collapsible group
console.groupEnd();
console.count('label');        // Counter

Number.MAX_VALUE          // ~1.79e+308
Number.MIN_VALUE          // 5e-324
Number.EPSILON            // ~2.22e-16
Number.POSITIVE_INFINITY  // Infinity
Number.NaN                // NaN

Number.isNaN(v)           // Check NaN
Number.isFinite(v)        // Check finite
Number.isInteger(v)       // Check integer
Number.parseInt(s)        // String → int
Number.parseFloat(s)      // String → float

n.toFixed(d)              // Fixed decimal places
n.toPrecision(p)          // Significant digits
n.toString(r)             // To string (radix 2-36)

Math.round(n)       // Nearest integer
Math.floor(n)       // Round down
Math.ceil(n)        // Round up
Math.trunc(n)       // Remove decimals
Math.abs(n)         // Absolute value
Math.max(...n)      // Largest
Math.min(...n)      // Smallest
Math.random()       // 0 to < 1
Math.pow(b, e)      // Exponent
Math.sqrt(n)        // Square root
Math.sign(n)        // -1, 0, or 1
Math.PI             // 3.14159...

new Date()              // Now
new Date(ms)            // From timestamp
new Date(y, m, d)       // Month 0-indexed!

d.getFullYear()         // 4-digit year
d.getMonth()            // 0-11
d.getDate()             // 1-31
d.getDay()              // 0 (Sun) - 6 (Sat)
d.getHours()            // 0-23
d.getMinutes()          // 0-59
d.getSeconds()          // 0-59
d.toISOString()         // '2024-01-15T...'
d.toLocaleDateString()  // Locale format
Date.now()              // Current ms timestamp

Promise.all(iterable)         // All resolve or first rejects
Promise.allSettled(iterable)  // Never rejects
Promise.race(iterable)        // First settled
Promise.any(iterable)         // First fulfilled

new Set([iterable])   // Create set
set.add(value)        // Add value
set.has(value)        // Check existence
set.delete(value)     // Remove value
set.clear()           // Remove all
set.size              // Number of values

new Map([iterable])   // Create map
map.set(key, value)   // Add entry
map.get(key)          // Get value
map.has(key)          // Check key
map.delete(key)       // Remove entry
map.clear()           // Remove all
map.size              // Number of entries

false, 0, '' (empty string), null, undefined, NaN
// Everything else is truthy

// Export
export const x = 1;
export function fn() {}
export default class {}
export { x as y };

// Import
import { x } from './module.js';
import * as mod from './module.js';
import def from './module.js';
import('./module.js').then(mod => {});

JSON.parse(str)            // String → object
JSON.stringify(obj)        // Object → string
JSON.stringify(obj, null, 2)  // Pretty-print with 2-space indent

// To string
String(42)             // '42'
(42).toString()        // '42'
'' + 42                // '42'

// To number
Number('42')           // 42
+'42'                  // 42
parseInt('42px')       // 42
parseFloat('3.14em')   // 3.14

// To boolean
Boolean(0)             // false
Boolean('')            // false
Boolean(null)          // false
!!42                   // true
!!'hello'              // true

// Interpolation
`Hello, ${name}!`

// Multi-line
`Line 1
Line 2
Line 3`

// Expressions
`Total: ${price * (1 + tax)}`

// Tagged templates
fn`string ${value}`

// For — known iterations
for (let i = 0; i < n; i++) { }

// For...of — iterable values
for (const item of array) { }

// For...in — object keys
for (const key in obj) { }

// While — unknown iterations
while (condition) { }

// Do-While — at least once
do { } while (condition);

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JS Reference Playground</title>
  <style>
    body { font-family: Arial, sans-serif; padding: 2rem; }
    pre { background: #f4f4f4; padding: 1rem; border-radius: 5px; }
  </style>
</head>
<body>
  <h1>JavaScript Reference Sandbox</h1>
  <pre id="output"></pre>
  <script>
    const out = document.getElementById('output');
    let result = 'Quick lookups:\n\n';

    // Type check
    result += `typeof 42 = ${typeof 42}\n`;
    result += `typeof "hi" = ${typeof "hi"}\n`;
    result += `Array.isArray([1,2]) = ${Array.isArray([1,2])}\n\n`;

    // Date
    const now = new Date();
    result += `Now: ${now.toLocaleString()}\n`;
    result += `Timestamp: ${Date.now()}\n\n`;

    // Array methods
    const nums = [5, 2, 8, 1, 9];
    result += `Array: [${nums}]\n`;
    result += `Sorted: [${nums.sort((a,b) => a-b)}]\n`;
    result += `Filtered (>5): [${nums.filter(n => n > 5)}]\n`;

    out.textContent = result;
  </script>
</body>
</html>