效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 获取状态 可用vue里面,在计算属性里面使用
function getStatus(key) {
let status = new Map([
[1, "可"],
[6, "可说"],
[3, "可放大"]
])
// 如果没有传值
if (key === undefined) {
let temp = []
status.forEach((item, index) => {
temp.push({
name: item,
value: index
})
})
return temp
}
// 如果超出范围
if (status.get(key) === undefined) {
console.warn(`没有${key}这个对应的状态哦`)
return
}
return status.get(key)
}
console.log(getStatus(11))
</script>
</body>
</html>
``