reduce使用时的问题

来源:5-2 获取数据 渲染主窗口列表 编码部分

takooya

2020-02-16 23:11

var li = args.reduce((html, track) => {
  console.log(html)
  html = html + ` <li><a href="${track.path}">${track.name}</a><button>播放</button><button>删除</button></li>`
  return html
})
展示效果如下:
[object Object]
周深 - 大鱼 - 副本.mp3 播放 删除
周深 - 大鱼 - 副本 (3).mp3 播放 删除

我的args是:
0:id: "ebd3b78b-f962-4b79-bc2b-0a36c55346fb"path: "C:\360安全浏览器下载\周深 - 大鱼.mp3"name: "周深 - 大鱼.mp3"
1:id: "2e9de1bf-75e8-4d70-a8eb-a9e054ea6e6b"path: "C:\360安全浏览器下载\周深 - 大鱼 - 副本.mp3"name: "周深 - 大鱼 - 副本.mp3"
2:id: "f41bac0b-4177-4b12-9719-18aa6e1807a7"path: "C:\360安全浏览器下载\周深 - 大鱼 - 副本 (3).mp3"name: "周深 - 大鱼 - 副本 (3).mp3"

为什么第一个对象是[object Object],这个无法正常解析


写回答 关注

1回答

  • coding娜子
    2020-02-18 21:57:50
    args.reduce((html, track) => {
      console.log(html)
      html = html + ` <li><a href="${track.path}">${track.name}</a><button>播放</button><button>删除</button></li>`
      return html
    },'')
    reduce的第二个参数,给个''作为html的初始值,试试


Electron开发本地音乐播放器

跨平台开发框架Electron,一次编写多个系统使用

4411 学习 · 53 问题

查看课程

相似问题