連想配列から複数の要素を抜き出し、新たに２次元配列を作りたいです

Question

実現したいこと

連想配列から2つの要素だけ抜き出し、新たに２次元配列を作りたいです。
よろしくお願いします。

該当のソースコードに記述した連想配列"alltReservation"の中から"starttime"と"endtime"のみを配列の形で抜き出し、
[[a,b],[c,d],[e,f]]のような２次元配列にしたいです。

a,c,e → starttime
b,d,f → endtime
を意味します。

ここでは連想配列の中に３つの配列があるのですが、配列の数は変化します。

const　arr = [];
for(var i=0; i < alltReservation.length; i++){
    const starttime = alltReservation[0].starttime;
    const endtime = alltReservation[0].endtime;
 }

このようにforで繰り返して、
あとはpushでarryに追加するのかな？
とも思ったのですが、、。ここから分からなくなってしまいストップしています。
どうぞよろしくお願いします。

該当のソースコード

allReservation: [
 {
  id: 1,
  line_uid: 'aaaa',
  name: 'abc de',
  scheduledate: 2020-11-07T00:00:00.000Z,
  starttime: '1604707200000',
  endtime: '1604708400000',
  menu: '0%5'
 },
 {
  id: 2,
  line_uid: 'bbbb',
  name: 'bcd ef',
  scheduledate: 2020-11-07T00:00:00.000Z,
  starttime: '1604736000000',
  endtime: '1604736600000',
  menu: '6'
 },
 {
  id: 3,
  line_uid: 'cccc',
  name: 'cde fg',
  scheduledate: 2020-11-07T00:00:00.000Z,
  starttime: '1604736000000',
  endtime: '1604737200000',
  menu: '0%5'
 }
]

Answer 1

const start_end=allReservation.map(x=>[x.starttime,x.endtime]);
console.log(start_end);

Comments

[emi_ono]

yambejpさん、ありがとうございます！
Array.prototype.map() の使い方がしっかり理解できていませんでした。しっかり確認しようと思います。

Answer 2

forで繰り返して、あとはpushでarryに追加するのかな？とも思った

合っていますが、混乱する理由は、元の配列全体に着目しすぎているためです。
ループ内では 「配列要素」に着目します。

分からなくなってしまいストップしています

反復処理 では console.log を活用します。ループ内で値の変化を観測したり、結果を確認するだけで混乱を避けることができます。

let　arr = []; // result
for ( let i=0, l=alltReservation.length; i<l; ++i ) {
  // 教本によくあるパターンで配列要素を変数に代入すると console.log()を記述しやすい
  let item = alltReservation[i];
  console.log( item ); // 反復される値の変化

  //let starttime = item.starttime;
  //let endtime = item.endtime;

  // 分割代入
  //let { starttime, endtime } = item;

  // わざわざ、変数に格納する必要ないよね。
  arr.push( [ item.starttime, item.endtime ] );
}
console.log( arr ); // 結果を確認

この処理を Array.prototype.map() で書いたのが yambejp さんの回答です。

Comments

[emi_ono]

AkitoshiManabeさん、解決できました。
分かりやすい説明ありがとうございます！

教えていただくと意外とシンプルだなぁ〜と理解出来るのですが、これを自分で考え出そうとすると難しいです。これからはconsole.logで一つずつ確認しながら進めていこうと思います。
ありがとうございました。