Typescript - JSON 获取数组中特定键的值

Question

需要您的帮助才能访问数组中对象的特定值。 我想在对象 NumberR 中显示他们关键小时的每个值。 并在我的 Angular 前台显示上午 11 点和晚上 7 点。 API 返回的 Json：

{
    "reservations": {
        "reservationInfo": [
             {
                 "roomStay": {
                      "arrivalDate": "11am"
                 },
                 "WeatherR": {
                      "sound": "cloudy"
                 },
             },
             {
                  "roomStay": {
                      "arrivalDate": "7pm"
                   },
                  "WeatherR": {
                       "sound": "cloudy"
                   },
             }
        ]
    }
}

app.component.ts

  searchForReservation() {
    alert('hello');
    this.http.get('/api/searchForReservation').subscribe((res) => {
      this.ddataIno = res;
      console.log('MY DATA', this.ddataIno);
      this.unique = this.ddataIno.reservations.reservationInfo.map(
        (e) => e.roomStay.arrivalDate
      );
    });
  }

组件.html

<div class="test">
          <p>Arrival Date:</p><p>{{this.date}}</p>
</div>

Answer 1

您好，首先欢迎来到 StackOverflow 社区！

我可以建议您映射reservationInfo 并仅检索hours：

searchForReservation() {
    alert('hello');
    this.http.get('/api/searchForReservation').subscribe((res) => {
      this.ddataIno = res;
      console.log('MY DATA', this.ddataIno);
      this.date = res.reservations.reservationInfo.map(
        (e) => e.roomStay.arrivalDate
      );
    });
  }

通过这种方式，您将小时数存储在 date 中（假设是一个数组）。之后，您可以通过ngFor 可视化您的数据，或者您可以创建不同的数据结构。