优化代码 tabMapOptions() { const navList = this.$route.meta.childrenBtnList const listData = [] navList.map(v => { this.tabList.map(t => { if (v.url.split('?')[1] === t.name) { t.butList = v.buttonList listData.push(t) } }) }) return listData }
时间: 2023-12-31 20:05:19 浏览: 105
代码优化方式
下面是优化后的代码:
```
tabMapOptions() {
const navList = this.$route.meta.childrenBtnList
return this.tabList.reduce((listData, t) => {
const match = navList.find(v => v.url.split('?')[1] === t.name)
if (match) {
t.butList = match.buttonList
listData.push(t)
}
return listData
}, [])
}
```
这里使用了 `Array.prototype.reduce()` 方法代替了 `Array.prototype.map()` 方法,使代码更加简洁易读。同时,使用了 `Array.prototype.find()` 方法代替了嵌套的循环逻辑,使代码更加高效。
阅读全文