как добавлять свойства объекту js через переменную

Question

Ivan Gagarinov · Accepted Answer

Один из наиболее часто используемых методов заключается в использовании квадратных скобок. Это позволяет динамически добавлять свойства к объекту.

```javascript
const obj = {};
const key = 'name';
obj[key] = 'Alice';

console.log(obj); // { name: 'Alice' }
```

В этом примере мы создали пустой объект `obj` и добавили свойство `name` с использованием переменной `key`. Квадратные скобки `[key]` позволяют интерпретировать значение переменной как имя свойства.


Можно добавлять свойства не только для простых объектов, но и для более сложных структур данных:

```javascript
const user = {
    id: 1,
    email: 'example@example.com'
};

const key = 'address';
user[key] = '123 Main St';

console.log(user);
/*
{
    id: 1,
    email: 'example@example.com',
    address: '123 Main St'
}
*/
```


Если у вас есть набор данных для добавления в объект, вы можете использовать цикл:

```javascript
const pet = {};
const properties = {
    species: 'Dog',
    name: 'Buddy',
    age: 5
};

for (const prop in properties) {
    pet[prop] = properties[prop];
}

console.log(pet);
/*
{
    species: 'Dog',
    name: 'Buddy',
    age: 5
}
*/
```


Если вы хотите добавить несколько свойств сразу, можно использовать `Object.assign`:

```javascript
const book = {
    title: '1984',
};

const additionalProps = {
    author: 'George Orwell',
    published: 1949
};

Object.assign(book, additionalProps);

console.log(book);
/*
{
    title: '1984',
    author: 'George Orwell',
    published: 1949
}
*/
```


Сначала добавляем свойства с помощью оператора расширения:

```javascript
const car = {
    brand: 'Toyota'
};

const additionalCarProps = {
    model: 'Corolla',
    year: 2021
};

const fullCar = { ...car, ...additionalCarProps };

console.log(fullCar);
/*
{
    brand: 'Toyota',
    model: 'Corolla',
    year: 2021
}
*/
```

как добавлять свойства объекту js через переменную

Ответы

Каталог