Javascript Typescript：如何显示数据库中的最大值

我在爱奥尼亚公司工作，我试图做一个for循环来显示数据库中数据的最大值

我目前在数据库中有一些数据。数据如下所示：

[{
    "name": "HAREEZ HAKIMI",
    "gender": "M",
    "dob": "1980-12-15",
    "age": 37,
},
{
    "name": "kids new name",
    "gender": "F",
    "dob": "2015-09-28",
    "age": 2,
},
{
    "name": "SRIDHAR",
    "gender": "M",
    "dob": "1987-12-15",
    "age": 30,
}]

for (let kids of this.kidList) {
      if (kids.age > maxAge) {
        maxAge = kids.age;
      }
    }
    return maxAge;

let oldest = {};

for (let kids of this.kidList) {
      if (kids.age > oldest.age) {
        oldest = kids;
      }
    }

我需要显示显示最高年龄的数据。在这种情况下，预期输出为：

Name:HAREEZ HAKIMI
Gender:M
Birth Date:1980-12-15
Age: 37

这是我的HTML：

    <ion-grid *ngFor="let jobseeker of kidList">
    <ion-row>
      <ion-col col-12 class="header-list">Kids</ion-col>
    </ion-row>
    <ion-row>
    <ion-row>
      <ion-col col-12 class="item-list">Name: {{jobseeker.name}}</ion-col>
    </ion-row>
    <ion-row>
      <ion-col col-12 class="item-list">Gender: {{jobseeker.gender}}</ion-col>
    </ion-row>
    <ion-row>
      <ion-col col-12 class="item-list">Birth Date: {{jobseeker.dob}}</ion-col>
    </ion-row>
    <ion-row>
      <ion-col col-12 class="item-list">Age: {{jobseeker.age}}</ion-col>
    </ion-row>

---

目前，浏览器显示数据库中的所有数据。有人能告诉我如何只显示最高年龄吗？非常感谢您的帮助。

您可以这样做：

[{
    "name": "HAREEZ HAKIMI",
    "gender": "M",
    "dob": "1980-12-15",
    "age": 37,
},
{
    "name": "kids new name",
    "gender": "F",
    "dob": "2015-09-28",
    "age": 2,
},
{
    "name": "SRIDHAR",
    "gender": "M",
    "dob": "1987-12-15",
    "age": 30,
}]

for (let kids of this.kidList) {
      if (kids.age > maxAge) {
        maxAge = kids.age;
      }
    }
    return maxAge;

let oldest = {};

for (let kids of this.kidList) {
      if (kids.age > oldest.age) {
        oldest = kids;
      }
    }

然后，您可以在标记中尝试以下操作：

<ion-grid>
<ion-row>
  <ion-col col-12 class="header-list">Kids</ion-col>
</ion-row>
<ion-row>
<ion-row>
  <ion-col col-12 class="item-list">Name: {{oldest.name}}</ion-col>
</ion-row>
<ion-row>
  <ion-col col-12 class="item-list">Gender: {{oldest.gender}}</ion-col>
</ion-row>
<ion-row>
  <ion-col col-12 class="item-list">Birth Date: {{oldest.dob}}</ion-col>
</ion-row>
<ion-row>
  <ion-col col-12 class="item-list">Age: {{oldest.age}}</ion-col>
</ion-row>

孩子们
名称：{{laster.Name}
性别：{{laster.Gender}
出生日期：{{laster.dob}
年龄：{{laster.Age}

嗯。可能有很多不同的方法，但这只是一个变量的问题，该变量包含一个具有最高年龄值的kid条目（即

最老的kid

，用于此对话）

而不是使用

*ngFor

，只需打印出

oldestKid

（如果

kidList

为空，您可能需要检查

oldestKid

是否设置为某个值）

如果您仍然想使用<代码> *gg> < />代码>，请考虑使用（）

< p>试试这个

let arr = [
                {
                    "name": "HAREEZ HAKIMI",
                    "gender": "M",
                    "dob": "1980-12-15",
                    "age": 37,
                },
                {
                    "name": "kids new name",
                    "gender": "F",
                    "dob": "2015-09-28",
                    "age": 2,
                },
                {
                    "name": "SRIDHAR",
                    "gender": "M",
                    "dob": "1987-12-15",
                    "age": 30,
                }
            ];

            function getMax(arr, prop) {
                let max;
                for (let i=0 ; i<arr.length ; i++) {
                    if (!max || parseInt(arr[i][prop]) > parseInt(max[prop]))
                        max = arr[i];
                }
                return max;
            }
        this.jobseeker = getMax(arr, "age");
        console.log(this.jobseeker);

让arr=[
{
“姓名”：“HAREEZ HAKIMI”，
“性别”：“M”，
“dob”：“1980-12-15”，
“年龄”：37岁，
},
{
“名字”：“孩子们的新名字”，
“性别”：“F”，
“dob”：“2015-09-28”，
“年龄”：2，
},
{
“名称”：“SRIDHAR”，
“性别”：“M”，
“dob”：“1987-12-15”，
“年龄”：30岁，
}
];
函数getMax（arr、prop）{
让马克斯；
for（设i=0；i parseInt（max[prop]））
max=arr[i]；
}
返回最大值；
}
this.jobseaker=getMax（arr，“年龄”）；
console.log（this.jobseker）；

在html中

<ion-grid>
    <ion-row>
        <ion-col col-12 class="header-list">Kids</ion-col>
    </ion-row>
    <ion-row>
        <ion-row>
            <ion-col col-12 class="item-list">Name: {{jobseeker.name}}</ion-col>
        </ion-row>
        <ion-row>
            <ion-col col-12 class="item-list">Gender: {{jobseeker.gender}}</ion-col>
        </ion-row>
        <ion-row>
            <ion-col col-12 class="item-list">Birth Date: {{jobseeker.dob}}</ion-col>
        </ion-row>
        <ion-row>
            <ion-col col-12 class="item-list">Age: {{jobseeker.age}}</ion-col>
        </ion-row>
    </ion-row>
</ion-grid>

孩子们
姓名：{{求职者.姓名}
性别：{{求职者性别}
出生日期：{{求职者.dob}
年龄：{{求职者年龄}

没什么大不了的。我认为您需要学习JavaScript的基础知识

class {
  get kidsSortedByAge() {
    return this.kidList.slice().sort((x, y) => y.age - x.age);
  } 
}

角度标记

 <ion-grid *ngFor="let jobseeker of kidsSortedByAge.slice(0, 1)">

---

我已尝试此代码，但屏幕上没有显示任何内容