Deep clone a value

Javascript

structuredClone handles Dates, Maps, Sets and cycles, which JSON round-tripping quietly destroys.

const copy = structuredClone(original);

// What JSON.parse(JSON.stringify(x)) loses:
//   Date      -> string
//   undefined -> dropped
//   Map, Set  -> {}
//   cycles    -> throws

Download

JavaScript objects cloning chris

More in JavaScript

Group an array by a key JavaScript Object.groupBy is available in current runtimes; the reduce version is the fallback for older ones. Format a number as currency JavaScript Intl handles the symbol, the separators and the decimal places for the locale, so you never hand-roll them. Retry a fetch with exponential backoff JavaScript Backs off on each failure and adds jitter, so a recovering service is not hit by every client at the same moment. Run promises with a concurrency limit JavaScript Keeps a fixed number of jobs in flight rather than firing a thousand requests at once. Fetch with a timeout JavaScript fetch has no timeout of its own. AbortSignal.timeout is the short way to give it one. Copy text to the clipboard JavaScript The modern API needs a secure context and a real user gesture, so the failure path matters as much as the success one. Relative time without a date library JavaScript Turns a timestamp into 'three days ago' using the built-in formatter. Debounce without pulling in a library JavaScript Twelve lines covering the case most projects add a dependency for, including cancelling a call that has not fired yet.

Random picks

Undo the last commit but keep the changes Git Moves HEAD back one commit and leaves everything staged, which is what you usually want after committing too early. Table-driven tests in Go Testing The idiomatic Go pattern: a slice of cases and a subtest per entry, each named so failures are readable. Truncate text to a number of lines Web & CSS Ellipsis after two lines. The -webkit- prefixes are still required despite being supported everywhere. Shell into a running container Containers Falls back to sh, since slim images often have no bash. Table sizes, largest first Databases Where the disk actually went, including indexes and TOAST. Amend a commit without changing its message Git Adds forgotten files to the previous commit and leaves the message exactly as it was. Throttle with a trailing call JavaScript Runs at most once per interval but still fires once more after the last event, so the final state is never dropped. Responsive images that do not blow the bandwidth budget Web & CSS srcset lets the browser pick; sizes tells it how wide the image will actually be rendered.