How to create an object?

// object literal
const human = {
  name: 'Alice',
  age: 21,
  someProperty: someValue,
  anotherProperty: anotherValue,
  someMethod: function() {
    // code
  },
}

Copy

September 3rd, 2019

# Object literal

A Javascript object literal is a comma-separated list of name-value pairs wrapped in curly braces.

Nice extra features:

If the variable name is the same like it's key, then const obj = { name: name } is equal const obj = { name }
A shorthand for using methods: someMethod: function() {} becomes someMethod() {}

Tracking with Matomo to improve the UX. See Privacy Policy for more details.

Snippets

Highlight all images without alt attribute

unshift() - Add element to start of an array

Primitive types in Javascript

map() - Applying a function to every element of an array

Functional Component

Custom bullet points

for...of - Looping an array

Template Literals

Javascript Closure

for...in - Looping an array

Object literal

Multiple ways of creating arrays

Parallax images on scroll with CSS

Creating an object out of an array

Sticky footer with CSS

componentDidUpdate() as hook

forEach() - Looping an array

Padding bottom trick

componentWillUnmount() as hook

componentDidMount() as hook

# Object literal