将锚标记应用于数组中的每个元素？

Question

所以我从数据库中抓取了这些数据（profile.designations） 返回一个字符串：

"AEA, CAP, AAA"

我知道要把它变成一个数组（进一步使用它）我必须使用profile.designations.split(" ")，它将返回：

["AEA", "CAP", "AAA"]

但是现在我想对每个元素应用一个锚标记，以便最终DOM读取嵌套在锚标记中的每个名称。如何将它附加到我得到的数组？

Answer 1

实际上，如果返回的文本格式为'foo, bar, baz'，则应拆分如下：

var items = 'foo, bar, baz'.split(', '); // => ['foo', 'bar', 'baz']

其次，如果你想“包装一个锚标签”，你必须更加具体。如果您想要字符串，可以执行以下操作：

items.map(function(item) { return '<a>' + item + '</a>' });

但是，如果您想要实际的DOM元素，请执行以下操作：

items.map(function(item) {
  var a = document.createElement('a');
  a.innerText = item;
  return a;
});

修改：此外，如果您只想追加到页面（比方说，正文）：

items.forEach(function(item) {
  var a = document.createElement('a');
  a.innerText = item;
  document.body.appendChild(a);
});