JavaScript 代码优化:使用 map 简化数据处理
优化代码如下:
if(data && data.length > 0) {
const useList = data.map(({ fileName, staticPath, id, localPath }) => ({
fileName,
staticPath,
id,
localPath
}))
this.bgList.push(...useList)
this.curSelect = this.bgList.length - 1
this.bgObj = this.bgList[this.curSelect]
this.selectBg = this.bgList[this.curSelect]?.staticPath || ''
this.$store.commit('SET_ISBGSELECT', this.curSelect)
this.$store.commit('SET_BGTEMPLIST', this.bgList)
}
这段代码使用了 JavaScript 的 map 方法,将 data 数组中的每个元素映射到一个新的对象,并将其存储到 useList 数组中。相比于使用 forEach 循环,map 方法更简洁,代码可读性更高。
此外,代码还使用了 push(...useList) 将 useList 中的所有元素添加到 bgList 数组中,这比使用 forEach 循环逐个添加更加高效。
总而言之,这段优化后的代码更加简洁高效,也更容易理解和维护。
原文地址: https://www.cveoy.top/t/topic/m4GQ 著作权归作者所有。请勿转载和采集!