javascript - 如何根据元素显示正确的计算值？

Question

我有这个“投资返回率计算器”，用户可以在其中排列一些标签。而且，我有一个名为“onlineRevenue”的范围。这个想法是根据在线收入数字提供最佳计划。

但是，要做到这一点，我有局限性:

• 如果在线收入低于 100 000，我提供“essentialYear”；
• 如果在线收入在 100 000 到 300 000 之间，我会提供“accelerateYear”；
• 如果在线收入在 300 000 到 500 000 之间，我提供“终极版”；

如何使用 vue 将此限制添加到变量“subscriptionFee”了解上述规则？

例如，有人建议使用直接数字，不带数据，这样

          subscriptionFee: function() {
          var feesuggest = this.onlineRevenue <=100000;
          return this.essentialYear;
        },

但想法是生成一个变量，其中如果值为 X，则显示该变量。对于上面的代码，我无法在值之间进行比较。

我创建了一个jsfiddle使用代码，更容易理解我的问题。

Answer 1

像这样的解决方案怎么样:

const tiers = [
    { name: 'essential', min: 0, max: 100000 },
    { name: 'accelerate', min: 100000, max: 300000 },
    { name: 'ultimate', min: 300000, max: 500000 }
];

const subscriptionFee = (amount) => {
  const tierMatch = (tier) => amount >= tier.min && amount < tier.max;
  const reducer = (tierFound, tier) => tierMatch(tier) ? tier : tierFound;
  return tiers.reduce(reducer, false);
};

subscriptionFee(500);

您从一系列层开始，在这些层上迭代并减少到单个项目。您仍然需要考虑更大的数字，因为 500001 会给您错误的结果。