javascript - 如何使多个 if 语句更简洁?

标签 javascript

<分区>

我正在努力使这个脚本更简洁,因为我将在未来添加更多语句。

x = Math.floor((Math.random() * 9) + 1);
var one = document.getElementById("test");

if(x === 1) {
  one.style.backgroundColor = "red";
}
if(x === 2) {
  one.style.backgroundColor = "blue";
}
if(x === 3) {
  one.style.backgroundColor = "yellow";
}

最佳答案

您可以将属性和值存储在普通对象中

const o = {1:'a',2:'b',3:'c'}
one.style.backgroundColor = o[x]

关于javascript - 如何使多个 if 语句更简洁?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54658773/

相关文章:

javascript - ajax 运行时加载显示模式

javascript - 禁用 div 中的所有输入元素,并逐个启用它们

php - 找不到标记之间的正则表达式文本

javascript - react-beautiful-dnd 拖放区宽度不一致

javascript - 如何格式化折线图谷歌图表 Material 上的轴?

javascript - 自定义宽度编辑器?

javascript - vue.js 旋转器不工作

javascript - 使用表格时,Jquery Next() 无法正确突出显示下一个元素

Javascript 匹配替换链接

javascript - 是否可以在 Mozilla 中将网站设置为主页?