JSONの中で変数を扱う方法をしりたいです。

Question

以下のようにJavaScriptでpostDataにJSONを書いているのですが、

 var postData = {
    "Data" : Data,
    "messages" : [
      {
        "type" : "text",
        "text" : messages1
      },
      {
        "type" : "text",
        "text" : messages2
      }
      {
        "type" : "text",
        "text" : messages3
      }
    ]
  };

以下はコードとして、もちろんエラーとなりますが、
下記のようにできる方法がないかを知りたいです。

下記のようにfor文などを使って、上記と同じようにpostDataに代入する方法はないでしょうか？

 var postData = {
    "Data" : Data,
    "messages" : [
for (  var i = 0;  i < 2;  i++  ) {
      {
        "type" : "text",
        "text" : messages[i]
      }
}
    ]
  };

Comments

[kei344]

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

Array.prototype.mapを使って、文字列の配列をオブジェクトの配列へ変換すればいいのではないでしょうか。

具体的にはこんな感じで。

const Data = "abc";
const messages = ["aaa", "bbb", "ccc"];

const postData = {
  Data: Data,
  messages: messages.map(message => ({ type: "text", text: message }))
};

{
  "Data": "abc",
  "messages": [
    {
      "type": "text",
      "text": "aaa"
    },
    {
      "type": "text",
      "text": "bbb"
    },
    {
      "type": "text",
      "text": "ccc"
    }
  ]
}

Comments

[itaka]

ありがとうございます！
Array.prototype.mapを知りませんでした。

Answer 2

こんにちは、itakaさん

ご質問拝見しました。

以下のコードで、要件を満たすを思いますが、いかがでしょうか。
(1)については質問に記載されていなかったので、仮でmessagesの配列を設定しています。

配列に対して何かしらの変更を加えて、配列を返す関数をmapメソッドといいます。
JavaScriptではデータの取り回しで使い勝手がよいので、よければ利用してみてください。

Array.prototype.map()

var messages = ['text1', 'text2']; ... (1)

var msgObjList = messages.map(function (txt) {
  return {
    'type': 'text',
    'text': txt
  };
});

var postData = {
   "Data" : Data,
   "messages" : msgObjList
};

参考になれば、幸いです。

Comments

[itaka]

まさにやりたいことでした。
わかりにくい質問だったと思いますが、ありがとうございました。