JS: Create Object

By Xah Lee. Date: . Last updated: .

There are 3 ways to create a data object.

  1. Literal expression: {…} → Most useful, when you want to use it as a set of key/value pairs for data.
  2. Object.create() → Most powerful and flexible way to create object, because you can specify parent object, properties, property attributes, in one place.
  3. Keyword new, in new function_name() → complex behavior. Most useful when you are writing a object-oriented library.

Object Literal Expression

JS: Object Literal Expression

Object.create()

JS: Object.create

Create Object by Operator “new”

JS: Operator “new”

Create Object with Parent X

JS: Create Object with Parent X

JS Object and Inheritance

  1. Object Overview
  2. Object Type
  3. Prototype and Inheritance
  4. Create Object
  5. Object Literal Expression
  6. Create Object with Parent X
  7. Get/Set Prototype
  8. Prevent Adding Property
  9. Determine Type of Object
  10. Clone Object
  11. Test Object Equality
  12. Add Method to Prototype
  13. Object Object
  14. Object.prototype
Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog