Modelo

  • EN
    • English
    • Español
    • Français
    • Bahasa Indonesia
    • Italiano
    • 日本語
    • 한국어
    • Português
    • ภาษาไทย
    • Pусский
    • Tiếng Việt
    • 中文 (简体)
    • 中文 (繁體)

How to Add More Object Properties in JavaScript

Oct 08, 2024

Hey everyone, in this video, I'm going to show you how to add more object properties in JavaScript. Working with objects is a common task in web development, and sometimes you may need to add new properties to an object dynamically. Here are a few techniques to achieve this.

Method 1: Dot notation

Using dot notation, you can easily add new properties to an object. Here's an example:

```javascript

let person = {

name: 'John',

age: 25

};

person.city = 'New York';

console.log(person);

```

In this example, we added a new property called 'city' to the 'person' object using dot notation.

Method 2: Square bracket notation

Another way to add properties to an object is by using square bracket notation. This method is useful when the property name is stored in a variable. Here's an example:

```javascript

let car = {

brand: 'Toyota',

model: 'Camry'

};

let propertyName = 'year';

car[propertyName] = 2022;

console.log(car);

```

In this example, we used square bracket notation to add a new property called 'year' to the 'car' object. The property name is stored in the 'propertyName' variable.

Method 3: Object.assign() method

The Object.assign() method is another way to add properties to an object. It allows you to merge multiple objects into one. Here's an example:

```javascript

let laptop = {

brand: 'Dell',

model: 'XPS 13'

};

let additionalProperties = {

memory: '16GB',

storage: '512GB SSD'

};

Object.assign(laptop, additionalProperties);

console.log(laptop);

```

In this example, we used Object.assign() to add the properties from the 'additionalProperties' object to the 'laptop' object.

Method 4: Spread operator

The spread operator (...) can also be used to add properties to an object. It creates a copy of the original object and allows you to add new properties. Here's an example:

```javascript

let student = {

name: 'Alice',

grade: 'A'

};

let updatedStudent = {

...student,

age: 18,

subjects: ['Math', 'Science']

};

console.log(updatedStudent);

```

In this example, we used the spread operator to add the 'age' and 'subjects' properties to the 'student' object, creating a new object called 'updatedStudent'.

These are some of the common techniques to add more object properties in JavaScript. I hope you found this video helpful. If you have any questions or other techniques to share, feel free to leave a comment below. Don't forget to like and subscribe for more web development tutorials. Thanks for watching!

Recommend