24 lines
627 B
Markdown
24 lines
627 B
Markdown
---
|
|
title: Add New Properties to a JavaScript Object
|
|
---
|
|
|
|
You can add new properties to existing JavaScript objects the same way you would modify them.
|
|
|
|
There are two different syntaxes, dot notation and bracket notation. Dot notation is generally preferred for readability but properties must be a valid identifier.
|
|
|
|
Here is how using dot notation:
|
|
|
|
myDog.bark = "woof-woof";
|
|
|
|
Here is how using bracket notation:
|
|
```javascript
|
|
myObject['bark'] = "woof-woof";
|
|
```
|
|
|
|
Using bracket notation, we can utilize variables as property names:
|
|
|
|
```javascript
|
|
var dynamicProperty = "bark";
|
|
myObject[dynamicProperty] = "woof-woof";
|
|
```
|