该模式主要解决在有多种算法相似的情况下,使用if…else所带来的难以维护性。它的优点是算法可以自由切换,同时可以避免过多的if…else判断,具有良好的扩展性。 例如: ![在这里插入图片描述](https://img-blog.csdnimg.cn/916cf82a92ab43c0a492ef94e8981095.png)
Document
.greenItem {
background: green;
}
.redItem {
background: red;
}
.yellowItem {
background: yellow;
}
let list = [
{
title: '见义勇为',
type: 1
}, {
title: '正能量',
type: 2
}, {
title: '黄色',
type: 3
}, {
title: '为民除害',
type: 1
},
]
let obj = {
1: {
content: '审核通过',
className: 'greenItem'
},
2: {
content: '审核ing',
className: 'yellowItem'
},
3: {
content: '审核未通过',
className: 'redItem'
}
}
let listContent = document.querySelector('#list_content')
listContent.innerHTML = list.map(item => {
return ` |