作用:
可以将某种不同格式的数据转化为自己所期待的数据格式
或者对于一些存在兼容或者特殊处理的业务逻辑,可以进行一个适配文章来源:https://www.toymoban.com/news/detail-836756.html
示例:
//原始数据
let oldData1 = [
{
name: '王惊涛',
age: 29
},
{
name: '孙悟空',
age: 800
},
{
name: '嘉文四世',
age: 27
},
{
name: '关羽',
age: 40
},
{
name: '伊利丹.怒风',
age: 10000
}
]
let oldData2 = [
{
name: 'faker',
mvpNumber: 125,
winRate: '68%'
},
{
name: 'zeus',
mvpNumber: 23,
winRate: '61%'
},
{
name: 'gumayusi',
mvpNumber: 13,
winRate: '69%'
}, {
name: 'oner',
mvpNumber: 21,
winRate: '56%'
}, {
name: 'keria',
mvpNumber: 14,
winRate: '72%'
}
]
//echarts需要的数据类型是[name1,name2,...][data1,data2,...]这种类型的
//我们这里需要设置一个功能函数,对我们所获取的原始数据进行一个适配,得到我们想要的数据类型
//如果后台的数据组织基本格式化,我们也需要针对格式化的数据进行一个格式化的处理
const AdaptiveFun = (list) => {
let obj = list[0]
let keyArr = Object.keys(obj)
let newObj = {}
keyArr.forEach(Item => {
newObj[`${Item}List`] = []
list.forEach(item => {
newObj[`${Item}List`].push(item[Item])
})
})
return newObj
}
let newData1 = AdaptiveFun(oldData1)
let newData2 = AdaptiveFun(oldData2)
console.log(newData1,'数据1')
console.log(newData2,'数据2')
文章来源地址https://www.toymoban.com/news/detail-836756.html
到了这里,关于js设计模式:适配器模式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!