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

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
22 декабря 2024

Один из наиболее часто используемых методов заключается в использовании квадратных скобок. Это позволяет динамически добавлять свойства к объекту.

const obj = {};
const key = 'name';
obj[key] = 'Alice';

console.log(obj); // { name: 'Alice' }

В этом примере мы создали пустой объект obj и добавили свойство name с использованием переменной key. Квадратные скобки [key] позволяют интерпретировать значение переменной как имя свойства.

Можно добавлять свойства не только для простых объектов, но и для более сложных структур данных:

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'
}
*/

Если у вас есть набор данных для добавления в объект, вы можете использовать цикл:

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:

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
}
*/

Сначала добавляем свойства с помощью оператора расширения:

const car = {
    brand: 'Toyota'
};

const additionalCarProps = {
    model: 'Corolla',
    year: 2021
};

const fullCar = { ...car, ...additionalCarProps };

console.log(fullCar);
/*
{
    brand: 'Toyota',
    model: 'Corolla',
    year: 2021
}
*/
0 0
Познакомьтесь с основами JavaScript бесплатно