JavaScript Arrays and Objects Cheat Sheet

Comprehensive array, object, collection, and string manipulation patterns in JavaScript.

View
StandardDetailedCompact
Export
Copy the compact sheet, download it, or print it.
Download
`D` dense toggle · `C` copy all

Array Creation

Build arrays from literals, ranges, and iterables.

Array literal

javascriptANYjavascriptarrayscreation
javascript
const nums = [1, 2, 3];

Array.from iterable

javascriptANYjavascriptarrayscreation
javascript
const chars = Array.from("hello");

Build numeric range

javascriptANYjavascriptarraysrange
javascript
const range = Array.from({ length: 5 }, (_, i) => i + 1);

Fill an array

javascriptANYjavascriptarraysfill
javascript
const board = Array(9).fill(null);

Array.of

javascriptANYjavascriptarrayscreation
javascript
const values = Array.of(5);

Array Transformation

Map, filter, reduce, flatMap, sort, group, and dedupe.

Array map

javascriptANYjavascriptarraysmap
javascript
const names = users.map((u) => u.name);

Array filter

javascriptANYjavascriptarraysfilter
javascript
const active = users.filter((u) => u.isActive);

Array reduce

javascriptANYjavascriptarraysreduce
javascript
const total = cart.reduce((sum, item) => sum + item.price, 0);

Array flat

javascriptANYjavascriptarraysflat
javascript
const flattened = nested.flat(2);

Array flatMap

javascriptANYjavascriptarraysflatmap
javascript
const tags = posts.flatMap((p) => p.tags);

Numeric sort

javascriptANYjavascriptarrayssort
javascript
nums.sort((a, b) => a - b);

Sort objects by key

javascriptANYjavascriptarrayssort
javascript
users.sort((a, b) => a.name.localeCompare(b.name));

toReversed copy

javascriptANYjavascriptarraysimmutable
javascript
const newestFirst = items.toReversed();

toSorted copy

javascriptANYjavascriptarraysimmutable
javascript
const sorted = nums.toSorted((a, b) => a - b);

toSpliced copy

javascriptANYjavascriptarraysimmutable
javascript
const next = items.toSpliced(1, 2, "x", "y");

Group with reduce

javascriptANYjavascriptarraysgrouping
javascript
const grouped = orders.reduce((acc, order) => {
  (acc[order.status] ??= []).push(order);
  return acc;
}, {});

Deduplicate array

javascriptANYjavascriptarraysdedupe
javascript
const unique = [...new Set(values)];

Array Mutation

Push, pop, shift, unshift, splice, slice, concat, and copyWithin.

Push item

javascriptANYjavascriptarraysmutation
javascript
items.push(newItem);

Pop last item

javascriptANYjavascriptarraysmutation
javascript
const last = items.pop();

Shift first item

javascriptANYjavascriptarraysmutation
javascript
const first = queue.shift();

Unshift item

javascriptANYjavascriptarraysmutation
javascript
queue.unshift(priorityItem);

Splice array

javascriptANYjavascriptarraysmutation
javascript
items.splice(1, 2, "replacement");

Slice array

javascriptANYjavascriptarrayscopy
javascript
const copy = items.slice(0, 3);

Concatenate arrays

javascriptANYjavascriptarraysconcat
javascript
const all = a.concat(b, c);

copyWithin

javascriptANYjavascriptarraysmutation
javascript
arr.copyWithin(1, 3, 5);

Objects

Entries, cloning, freezing, deep access, and comparisons.

Object.assign

javascriptANYjavascriptobjectscopy
javascript
const target = Object.assign({}, sourceA, sourceB);

Object.hasOwn

javascriptANYjavascriptobjectschecks
javascript
const own = Object.hasOwn(config, "port");

Object.freeze

javascriptANYjavascriptobjectsimmutability
javascript
const settings = Object.freeze({ theme: "dark" });

Object.seal

javascriptANYjavascriptobjectsimmutability
javascript
const draft = Object.seal({ title: "" });

Deep clone with structuredClone

javascriptANYjavascriptobjectsdeep-clone
javascript
const snapshot = structuredClone(state);

Quick object equality with JSON stringify

Works only when property order and JSON-safe values are acceptable.

javascriptANYjavascriptobjectscomparison
javascript
const same = JSON.stringify(a) === JSON.stringify(b);

Strings

Common string operations, unicode-safe iteration, and formatting.

Trim whitespace

javascriptANYjavascriptstringscleanup
javascript
const normalized = input.trim();

Split and join

javascriptANYjavascriptstringssplit
javascript
const slug = title.split(" ").join("-");

Replace all

javascriptANYjavascriptstringsreplace
javascript
const sanitized = text.replaceAll("_", "-");

startsWith / endsWith

javascriptANYjavascriptstringschecks
javascript
file.startsWith("app-");
file.endsWith(".js");

Pad string

javascriptANYjavascriptstringsformatting
javascript
const code = String(id).padStart(6, "0");

localeCompare

javascriptANYjavascriptstringssorting
javascript
names.sort((a, b) => a.localeCompare(b));

Iterate unicode-safe characters

javascriptANYjavascriptstringsunicode
javascript
for (const ch of "👍🏽JS") {
  console.log(ch);
}