JavaScript フォームに入力されたデータ形式を整える方法が知りたい

Question

前提・実現したいこと

フォームに入力されたデータ形式を整える方法が知りたい
Vue.jsでお問合せフォームを作っています

ダブルクオーテーションなどをエスケープしてデータを整えることは出来るのですがもう少しシンプルな書き方がないかと思い質問させていただきます

最終的にはこのような形のデータ形式にしたいです

const data = '{"name": "input name","email": "input email","body": "input body"}';

該当のソースコード

const data = '{"name":"' + this.name + '","email":"' + this.email + '","body":"' + this.body + '"}';

axios
  .post(url, data, {
    headers: {
      'Content-Type': 'application/json',
    },
  })

javascriptの結合演算子+で結合しているのですがデータがもっとシンプルな形に出来ればと思っています

試したこと

入力フォームのデータをObjectにするとよく似た形になると思うのですが

const data = new Object();
data.name = this.name;
data.email = this.email;

最終的にはテキスト形式にしたいです

javascriptの知識が乏しくて申し訳ないのですが心優しい方、回答いただければ幸いです
よろしくお願いいたします

Answer 1

普通はオブジェクトをJSON.stringifyします

const data = {"name": "input name","email": "input email","body": "input body"};
const json=JSON.stringify(data);
console.log(json);

表示がおかしかったので更新

Comments

[shimon11]

ありがとうございます
JSON.stringifyというものがあるのですね。

`const data = '{"name":"' + this.name + '","email":"' + this.email + '","body":"' + this.body + '"}';`
このような形式にしたい場合JSON.stringifyではどのように使用すればよろしいでしょうか

[yambejp]

すみません、表示がおかしかったの更新しました

[shimon11]

yambejpさん
ありがとうございます

new演算子を使う場合オブジェクトは何になるでしょうか？
続けて質問すみません

[yambejp]

new Objectならただのオブジェクトです

const data = new Object();
data.name = "input name";
data.email = "input email";

ソース上のthisが唐突なのでスタティックな値にしておきました
console.log(JSON.stringify(data));