Javascript 如何在HTML文本块中显示我的var数组名称？

我想在文本块中显示我的var数组名称。这些需要根据我表格中勾选的框进行更改

现在我可以显示数组中的值，但我也需要显示实际名称。我对编码非常陌生，我很难找到合适的词来描述我的问题，因此没有找到任何解决方案。我希望你能帮助我

var color_prices = new Array();
color_prices["Orange"]=1;
color_prices["Blue"]=2;
color_prices["Green"]=3;

function getColorPrice()
{
    var ColorPrice=0;

    var theForm = document.forms["order-form"];

    var selectedColor = theForm.elements["COLOR"];

    for(var i = 0; i < selectedColor.length; i++)
    {
        if(selectedColor[i].checked)
        {

            ColorPrice = color_prices[selectedColor[i].value];

            break;
        }
    }
    return ColorPrice;
}

var colorPrice = getColorPrice();

document.getElementById('colorPrice').innerHTML = colorPrice.toFixed(2);

var color_prices=new Array（）；
颜色价格[“橙色”]=1；
颜色价格[“蓝色”]=2；
颜色价格[“绿色”]=3；
函数getColorPrice（）
{
var-ColorPrice=0；
var theForm=document.forms[“订单”]；
var selectedColor=form.elements[“COLOR”]；
对于（变量i=0；i

现在我在网上“偷”了一些代码，在我的html中显示“orange”的值（所以是“1”），这很有效，但我不知道如何在我的html中显示“orange”的值

---

我希望我的解释是正确的。

解决方案是将

ColorPrice

变量更改为一个对象，以便能够存储颜色价格和颜色名称，在我的示例中，我还将变量的名称更改为

colorDetails

，以便更详细地描述所包含的内容

var color_prices = new Array();
color_prices["Orange"]=1;
color_prices["Blue"]=2;
color_prices["Green"]=3;

function getColorDetails()
{
    //here we rename the variable and convert from integer to object
    var colorDetails = {
                         price: 0,
                         name: undefined
                        };

    var theForm = document.forms["order-form"];

    var selectedColor = theForm.elements["COLOR"];

    for(var i = 0; i < selectedColor.length; i++)
    {
        if(selectedColor[i].checked)
        {
            //here we store the color price inside colorDetails
            colorDetails.price = color_prices[selectedColor[i].value];
            //and we add this new line where we save the name of the color
            colorDetails.name = selectedColor[i].value;
            break;
        }
    }
    return colorDetails;
}

var colorDetails = getColorDetails();

document.getElementById('colorPrice').innerHTML = colorDetails.name + ": " + colorDetails.price.toFixed(2);

var color_prices=new Array（）；
颜色价格[“橙色”]=1；
颜色价格[“蓝色”]=2；
颜色价格[“绿色”]=3；
函数getColorDetails（）
{
//这里我们重命名变量并将其从整数转换为对象
var colorDetails={
价格:0,，
名称：未定义
};
var theForm=document.forms[“订单”]；
var selectedColor=form.elements[“COLOR”]；
对于（变量i=0；i

您是否尝试过

color\u prices[selectedColor[i].label]

？能否向我们展示html代码的相关部分？这些部分称为“键”，您可以使用

var color\u keys=Object.keys（color\u prices）将它们转换为新数组。现在
颜色键将包含
[“橙色”、“蓝色”、“绿色”]
。之后，您可以从
color\u keys
数组中获取值，就像您已经在做的那样。@Cyval我应该在哪里添加这个？这实际上是唯一一段在我的HTML中显示价格的代码。什么HTML？如果相关的话就贴出来。显然是这样。