角度，错误：第一个参数在属性中包含 NaN

Question

我正在制作一个简单的计算公式来计算百分比。但我收到一个错误，上面写着First argument contains NaN in property 'percent.percentKey.percentMale。我正在使用 Angular 和 Typescript 和 Angularfire 将数据存储到数据库中。我在一个类中定义了属性。

//app.ts
export class App {
  $key: string;
  gender: string;
  male: number = 0;
  female: number = 0;
  percentMale: number = 0;
  percentFemale: number = 0;
}


//app.service.ts
insertdata(data: App) {
  this.dataList.push({
    gender: data.gender,
  });

  if (data.gender == 'Male') {
    //this.male ++;
    data.male = data.male++
  } else if (data.gender == 'Female') {
    //this.female ++;
    data.female = data.female++
  }

  data.percentMale = data.male / (data.male + data.female) * 100
  console.log('male', data.male + '%');

  data.percentFemale = data.female / (data.male + data.female) * 100
  console.log('female', data.female + '%');
  
  console.log('1', data.percentMale); //it returns NaN
  console.log('2', data.percentFemale); //it returns NaN

  this.percentList.update("percentKey", {
    percentMale: data.percentMale,
    percentFemale: data.percentFemale
  })
}

我已经在服务中导入了类，并在 component.ts 中调用了insertdata 函数，如this.AppService.insertpertanyaan(this.AppService.selectedpertanyaan);。 任何人都可以帮助我吗？如果需要更多的 sn-ps，请告诉我。谢谢。

Answer 1

这些行有问题：

data.male = data.male++;
data.female = data.female++;

他们应该是：

data.male++;
data.female++;

当您使用后缀递增运算符x++ 时，x 的值会递增，但表达式会返回 x 的前一个值。当你这样做时

x = x++;

x 首先递增，然后将其先前的值分配给 x。结果，x 又回到了原来的值。