优化代码如下:

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 循环逐个添加更加高效。

总而言之,这段优化后的代码更加简洁高效,也更容易理解和维护。

JavaScript 代码优化:使用 map 简化数据处理

原文地址: https://www.cveoy.top/t/topic/m4GQ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录