使用 Javascript 更改特定数组值答案

【问题标题】：Changing specific array value using Javascript使用 Javascript 更改特定数组值
【发布时间】：2013-10-02 08:35:43
【问题描述】：

我目前在 javascript 中有以下数组

var chart1data = [
{ "Time": "1", "Temperature": 60, },
{ "Time": "2", "Temperature": 50, },
{ "Time": "3", "Temperature": 42, },
{ "Time": "4", "Temperature": 35, },
{ "Time": "5", "Temperature": 28, },
{ "Time": "6", "Temperature": 24, },
{ "Time": "7", "Temperature": 21, },
{ "Time": "8", "Temperature": 19, },
{ "Time": "9", "Temperature": 18, },
{ "Time": "10", "Temperature": 18, },
];

我的 HTML 中有一个按钮，当按下该按钮时，应将上述数组中的值“60”更改为另一个数字（例如 - 80）

按钮链接到此功能。我怎样才能使它起作用？

 function updatechart (){

//This gets the number from a text box 
 var inputdata1 = document.getElementById("textbox1").innerHTML

//Now I need the code to put this number in replace of the value "60" 
 }

【问题讨论】：

您是否使用innerHTML 来获取文本输入的值...？
为什么用 60 而不是其他？
chart1data[index].Temperature = inputdata1;

标签： javascript arrays button

【解决方案1】：

您可以按如下方式更新您的数组：

chart1data[index].Temperature = inputdata1;

小提琴：http://jsfiddle.net/KyleMuir/sPTG8/1/

希望对你有帮助

【讨论】：

这很好用。但是，因为 innerHTML 是一个字符串而不是一个值，所以我需要它的操作不起作用。如何将 innerHTML（例如 80 或其他）转换为 80 作为值
尝试将 innerHTML 更改为如下值：var inputdata1 = document.getElementById("textbox1").value;

【解决方案2】：

如果你想改变 60 那么：

chart1data[0].Temperature = inputdata1;

其他

chart1data[index].Temperature = inputdata1;

【讨论】：

【解决方案3】：

简单地说，你有一个array 和object。所述对象包含 2 个属性，Time 和 Temperature。要访问数组中的对象，假设您知道索引，您可以这样做：

alert(chart1data[index].Time) // alerts the time of the first item
chart1data[index].Temperature = 60; // sets the temperature of the first item

或者，如果您想替换所有 60 的温度值，您可以循环访问您的项目并简单地更新它们，如下所示：

for (var i = 0; i < chart1data.length; i++) {
    if (chart1data[i].Temperature == '60') {
        chart1data[i].Temperature = '80'
    }
}

【讨论】：