How do you add a key value pair in javascript

There are two possible solutions to add new properties to an object.

Let's take a simple object to explain these solutions.

1. Using dot notation: This solution is useful when you know the name of the property

2. Using square bracket notation: This solution is useful when the name of the property is dynamically determined or the key's name is non-JS like "user-name"