Как передать переменную в формируемый массив JSON в Javascript?

Question

[dieneri]

Получаю из формы html заполненные данные, далее собираю массив JSON.
Как в массив JSON подставить данные переменные? Пробую через (), не получается. Видимо, нужно экранировать? Как сделать, подскажите.

<form>
<input id="phone " type="text" placeholder="Телефон value="">
<input id="name" type="text" placeholder="Телефон" value="">
<input id="send_button" type="button" value="Отправить">
</form>

var phone = document.getElementById("phone").value;
        var name = document.getElementById("name").value;

        const json = {
            "phone": "Сюда вставить значение переменной phone",
            "name": "Сюда вставить значение переменной name"
        };

Comments

[dieneri]

Попробовал так - не получается.. Как вывести значения переменных

const json = {
            "phone": "'${phone}'",
            "name": "'${name}'"
        };

Answer 1

[Александр]

Object.fromEntries(new FormData(document.querySelector('form')).entries());

Comments

[dieneri]

Сделал вот так. Вывожу через alert, что получилось - ничего не передаётся из поля, переменной нет..

var phone = document.getElementById("phone").value;
        var name = document.getElementById("name").value;

        const json = {
            "phone": "Object.fromEntries(new FormData(document.querySelector('form')).entries());",
            "name": "Сюда вставить значение переменной name"
        };

[Александр]

dieneri, очень, конечно, интересно как Вы догадались код в строчку вставить.

const json = Object.fromEntries(new FormData(document.querySelector('form')).entries());
alert(JSON.stringify(json, null, 2));

[dieneri]

Александр, а, извините. я не совсем об этом. Мне нужно значения из переменных вставить. Пробую так, не выходит.. Не подскажите, как нужно

const json = {
            "phone": "'${phone}'",
            "name": "'${name}'"
        };

[Александр]

dieneri, const json = { phone, name };
а в сам JSON переводить при помощи JSON.stringify.

[dieneri]

Александр, спасибо, получилось, всё оказалось проще. json сам формируется. А вообще возможно подставить способом, как изначально хотел я, через переменные? Объясню. Бывает такое же, что имя переменной не соответствует имени полю, которое нам надо вывести в json.

[Александр]

dieneri,

const mySuperVariable = 'hello';
const json = { data: mySuperVariable };
console.log(JSON.stringify(json)); // {"data":"hello"}

Answer 2

[Владимир Коротенко]

var phone = document.getElementById("phone").value;
var name = document.getElementById("name").value;

const json = {
            "phone": phone,
            "name": name
};