Skip to content

In which ways can we access the value of a property of an object?

Say you have this object:

const dog = {
  name: 'Roger'
}

To get the value of the name property, you can use the dot syntax, like this:

dog.name

Or you can use the square brackets property accessor syntax:

dog['name']

This is especially useful when a property has not a valid variable name, like the name:

const dog = {
  'the name': 'Roger'
}

dog['the name']

and it’s also very useful when you don’t know the property name beforehand, and you evaluate it programmatically, like in this example that loops through the object property names:

const dog = {
  'the name': 'Roger'
}

for (const [key, value] of Object.entries(dog)) {
  console.log(value)
}
β†’ Download my free JavaScript Handbook!

THE VALLEY OF CODE

THE WEB DEVELOPER's MANUAL

You might be interested in those things I do:

  • Learn to code in THE VALLEY OF CODE, your your web development manual
  • Find a ton of Web Development projects to learn modern tech stacks in practice in THE VALLEY OF CODE PRO
  • I wrote 16 books for beginner software developers, DOWNLOAD THEM NOW
  • Every year I organize a hands-on cohort course coding BOOTCAMP to teach you how to build a complex, modern Web Application in practice (next edition February-March-April-May 2024)
  • Learn how to start a solopreneur business on the Internet with SOLO LAB (next edition in 2024)
  • Find me on X

Related posts that talk about js: