javascript - 如何将文件内容转换成字符串？

Question

我有一个如下所示的 txt 文件:

1||fun||ball
2||job||hammer
3||run||feet

我想将其加载到我的代码中并将其转换为:

<dt>1</dt><dd>fun <img src="ball.png"></dd>
<dt>2</dt><dd>job <img src="hamm.png"></dd>
<dt>3</dt><dd>run <img src="feet.png"></dd>

我试过这样的:

const openrooms = `1||fun||ball
     2||job||hamm
     3||run||feet`;

const roomlist = openrooms.split('\n');

for (var rooms in roomlist) {
  room = roomlist[rooms].split('||');
  for (var {roomid, name, icon} in room) {
    result = `<dt>${room[roomid]}</dt><dd>${room[name]} <img src="${room[icon]}"></dd>`;
  }
}
document.getElementById("destination").innerHTML = result;

<div id="destination"></div>

我得到的都是未定义的。这是为什么？请尝试下面的 fiddle :

https://jsfiddle.net/db6hy8a0/

Answer 1

尝试:

const openrooms = `1||fun||ball
     2||job||hamm
     3||run||feet`;

const roomlist = openrooms.split('\n');

const result = roomlist.map(e => {
  var split = e.split('||')
  return `<dt>${split[0]}</dt><dd>${split[1]} <img src="${split[2]}.png"></dd>`
}).join('')

document.getElementById("destination").innerHTML = result;

<div id="destination"></div>