複数のオブジェクトの共通しているkeyのvalueを取得したい

Question

前提・実現したいこと

javascriptで複数あるオブジェクトのそれぞれのdateの値を受け取るにはどの様な記述が必要でしょうか。

該当のソースコード

stubでオブジェクト生成

export const stub = {
  data: [
    {
      attendanceId: 1,
      date: "2020/11/1",
      startTime: "9:00",
      endTime: "18:00",
      breakTime: "1:00",
      startBreakTime: "12:00",
      endBreakTime: "13:00",
      acutualTime: "8:00",
    },
    {
      attendanceId: 2,
      date: "2020/11/2",
      startTime: "9:00",
      endTime: "13:00",
      breakTime: "2:00",
      startBreakTime: "12:00",
      endBreakTime: "13:00",
      acutualTime: "4:00"
    },
    {
      attendanceId: 3,
      date: "2020/11/3",
      startTime: "9:00",
      endTime: "14:00",
      breakTime: "1:00",
      startBreakTime: "12:00",
      endBreakTime: "13:00",
      acutualTime: "8:00"
    },
    {
      attendanceId: 4,
      date: "2020/11/4",
      startTime: "9:00",
      endTime: "15:00",
      breakTime: "1:00",
      startBreakTime: "12:00",
      endBreakTime: "13:00",
      acutualTime: "8:00"
    },
    {
      attendanceId: 5,
      date: "2020/11/30",
      startTime: "9:00",
      endTime: "15:00",
      breakTime: "1:00",
      startBreakTime: "12:00",
      endBreakTime: "13:00",
      acutualTime: "8:00"
    },
  ]
}

axiosのgetで受け取ってstubをreturnしています

import { stub } from "./data/attendanceStub.js"

export function getAxios() {
        return stub
};

受け取ったstubを表示するファイル

elementForAfterRender("#attendance_list", getAxios);
let axiosdata = getAxios();
//stubの0番目のdate
console.log(axiosdata.data[0]);
//stubの4番目のdataのdate
console.log(axiosdata.data[4].date);

試したこと

3目のファイルのconsole.logで出力された値は以下になります。

https://i.gyazo.com/dc557f5c705fee9e635aa69523bb7cd7.png

Answer 1

javascriptで複数あるオブジェクトのそれぞれのdateの値を受け取るにはどの様な記述が必要でしょうか。

dataが配列なのでforEachで処理すればいいかなと思います。

axiosdata.data.forEach(d => console.log(d.date));

もし別な変数に格納したいならmapです。

const dateList = axiosdata.data.map(d => d.date);

Comments

[like-here]

ありがとうございます！
別解まで書いていただきありがとうございます！
大変勉強になりました！