javascript - 将js对象中的所有值更改为0

Question

是否可以将对象中的所有值更改为 0，而无需逐一键入它们？

这是对象示例:

var obj = {
 sth: {
  sth1: 15,
  sth2: 25,
  sth3: 0
 },
}

将 obj.sth 的所有值设置为 0，无需键入:

obj.sth.sth1 = 0;
obj.sth.sth2 = 0;
obj.sth.sth3 = 0;

上面的方法有超过 100 个值需要重置回 0，这有点痛苦。

此外，使用

document.getElementById(id1).innerHTML = obj.sth.sth1;
document.getElementById(id2).innerHTML = obj.sth.sth2;
document.getElementById(id3).innerHTML = obj.sth.sth3;

等等，以在用户重置值后更新值...为此，我正在考虑创建一个数组:

var ids = [
 "sth1",
 "sth2",
 "sth3"
]

然后:

for( i = 0; i < 3; i ++) {
 document.getElementById(ids[i]).innerHTML = "0";
}

更新HTML文档的方法好不好？我仍然需要在数组中输入所有 id 和值，但至少它会更加透明。也许有更好的方法？我认为，要更新对象中的值，我还需要一个循环，但什么也没想到......有什么想法吗？谢谢!

Answer 1

迭代对象:

for(var key in obj.sth) {
  obj.sth[key] = 0;
}

将值分配给html可能会为元素设置一个特定的类，然后迭代所有它们将帮助你更多而不是使用id