如何将“[object Object]”转换为数字

Question

我已经设置了一个任务，使用外部IFFE文件，创建一个应用程序，计算使用IFFE内部功能的车队的燃料成本。 然后将其显示在一个框中。

IFFE可以看到这里 ，人们告诉我，下面的代码应该用来调用正确的函数的任务

var fuel = new fuelCalc();


// On the button press
miles = 10000;
var cost = fuel.cost(miles);

然后执行以下操作应将其放入文本框中，

document.getElementById("TotalCost").value = cost;

但是，它所做的就是在文本框中添加以下内容

[对象]

我需要添加什么才能显示计算出的金额？

Answer 1

您需要指定一年，例如document.getElementById("TotalCost").value = cost[2013];

Answer 2

根据您的代码，看起来您的函数fuelCalc.cost实际上是返回一个对象。

您是否需要在函数内进行进一步的计算，可能：

fuelCalc.prototype.cost = function ( annualMileage, start, end ) {
    var costPerLitre = this.costPerLitre;
    var averageMPG = this.averageMPG;

    var startYear = start || 1989;
    var endYear = end || 2020;
    var totalYears = endYear - startYear;

    var data = {};
            var totalCost = 0;

    for (var year = startYear, t = endYear; year <= t; year += 1) {
        data[year] = this.costIn( year, annualMileage );
                    totalCost += data[year]
    }

    return totalCost;
}

Answer 3

您看到[object Object]的原因是因为fuel.cost(miles)不返回成本值，但可能是cost类的hash或实例。

尝试在浏览器的javascript控制台上调试此javascript，方法是在该行设置断点：

document.getElementById("TotalCost").value = cost;

此时在Console中，只需打印cost变量即可。 它将列出对象结构，您可以从中提取相关数据。