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

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

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

9 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

10 месяцев

Node.js-разработчик

Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API

Похожие вопросы