JavaScript · Object Methods · Interactive

Object methods,
every one explained

Object.keys, assign, freeze, create, structuredClone — all 30+ static and instance methods explained with real data transformation scenarios.

objects.js
const user = { name: 'Mankal', age: 24, role: 'dev' };

// Inspect
Object.keys(user);    // ['name','age','role']
Object.values(user);  // ['Mankal',24,'dev']
Object.entries(user); // [['name','Mankal'],...]

// Transform — apply discount to all prices
Object.fromEntries(
  Object.entries(prices)
    .map(([k,v]) => [k, v * 0.9])
);

// Protect — immutable config
const CFG = Object.freeze({ apiUrl: '...' });

// Deep clone
const clone = structuredClone(user);

5 real-world scenarios

All Object methods

Object.keys()Object.values()Object.entries()Object.hasOwn()Object.getOwnPropertyNames()Object.getOwnPropertySymbols()Object.getOwnPropertyDescriptor()
Transform
Object.assign()Object.fromEntries()Object.groupBy()Object.defineProperty()Object.defineProperties()
Protect
Object.freeze()Object.seal()Object.preventExtensions()Object.isFrozen()Object.isSealed()Object.isExtensible()
Create & clone
Object.create()structuredClone()Object.getPrototypeOf()Object.setPrototypeOf()
Utility
Object.is()Object.keys().lengthObject()
View full reference →