jQueryでループしながら連想配列に値を追加する方法を知りたいです

Question

###実現したいこと

[
'id': '777'
'content' : '.form textarea2'
],

後述のjQueryでは上の配列になってしまうのですが、下の配列にしたいです。

[
'id': '777'
'content' : '.form textarea1'
],
[
'id': '777'
'content' : '.form textarea2'
],

###該当のソースコード
まずこちらがHTMLになります。ここから後述のjQueryで配列を作りたいと思っています。

<div class="summary">
  <div class="box" data-id="777">summary .box</div>
</div>

<div class="form">
  <textarea>.form textarea1</textarea>
</div>

<div class="form">
  <textarea>.form textarea2</textarea>
</div>

<button type="button">click</button>

問題となるjQueryがこちらです。

$('button').click(function(){

  let postData = [];

  const id = $('.summary .box').attr('data-id');

  $('.form').each(function(index,element){
    const content = $(this).find('textarea').val();
    postData[index]['id'] = id;
    postData[index]['content'] = content;
  });

  console.log(postData);
  
});

どうすれば実現したい配列になるか、教えて頂けませんでしょうか。

Answer 1

pushでよいのでは。
また、「下の配列にしたいです」の配列は文法的におかしいので「そうなりません」が回答になります。（ { 'id': 777, 'content': 'text' } こう書く必要がある）

//  postData[index]['id'] = id;
//  postData[index]['content'] = content;
    postData.push( { 'id': id, 'content': content } );

【Array.prototype.push() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/push

Comments

[beer]

ありがとうございます。そのようにすればいいんですね。配列の文法の方もありがとうございます。