Как создать объект ключ которого приходит из аргумента функции?

Question

[Сергей]

Добрый день.
Ниже приведен код. Задача создавать объект data, ключ и значение которого приходят из аргумента. В моем случае, vscode подсказывает, что name это просто строка и аргумент не используется внутри функции, есть ли возможность формировать ключ объекта динамически. Заранее спасибо.

const priseRequest = async (name, value) => {
        const data = {
            name: value
        }
        const res = await fetch(URL, {
            method: 'POST',
            body: data
        })
        return res
    }

Comments

[historydev]

Что?

[Сергей]

Владимир, name в объекте, это строка. А я хочу что бы name принимало значение в зависимости от аргумента name.

[historydev]

Сергей, а что вы передаёте в value?

[Сергей]

аргумент value

Answer 1

[0xD34F]

Квадратные скобки добавьте:

const data = {
  [name]: value,
};

Answer 2

[Dima Polos]

Подучите немного) const data[name] = value;

Comments

[Сергей]

не совсем понял. В вашем коде я присваиваю ключу name значение аргумента из value. В этом нет никакой проблемы проблемы. Мой код выше делал тоже самое. Мне нужно что бы ключ назывался не name, а так как будет указано в параметре переданном в функцию.

[Сергей]

разобрался, спасибо! Вы были правы.

[Dima Polos]

Сергей, да, только я чутка очепятался наспех)) там как бы так надо:

const data = {}
data[name] = value;

Ну Вы поняли) Суть в том, что литерал в объекте конвертируется в строку, чтобы динамически подставить вместо имени ключа переменную необходимо обратиться через квадратные строки, аналогично в случае чтения:

data.name; // вернет значение ключа 'name'
data[name]; // вернет значение ключа которое будет взято из переменной

0xD34F дал ссылку на тему - вычисляемые свойства, это как раз об этом.

Answer 3

[historydev]

async function priseRequest (name, value) {
        const data = {
            name: value
        }
        const res = await fetch(URL, {
            method: 'POST',
            body: data
        })
        return res
    }

Comments

[Сергей]

это не решение