问答详情
源自：5-2 获取数据 渲染主窗口列表 编码部分

reduce使用时的问题

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]，这个无法正常解析


提问者：takooya 2020-02-16 23:11

个回答

  • 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的初始值，试试


    0