Javascript 如何将逗号分隔的JSON值显示为列表？

假设我有这样一个数组：

    var ARTISTS: Artist[] = [
      {
         "name": "Barot Bellingham",
         "shortname": "Barot_Bellingham",
         "reknown": "Royal Academy of Painting and Sculpture",
         "bio": "Some bio here...",
         "friends": "James, Harry, Bob"
      }

是否可以将关键“朋友”的值显示为无序列表，其中每个朋友都是自己的列表项，例如：

    <ul>
      <li>James</li>
      <li>Harry</li>
      <li>Bob</li>
    </ul>

詹姆斯
哈利
鲍勃

我确实意识到“friends”最好以嵌套数组的形式存储，以便显示为列表，但我正在研究另一个问题的潜在解决方法

谢谢大家!

另外，我正在使用Angular 2。

您可以使用它来获得一系列朋友

var arrayOfFriends = Artist[0].friends.split(", ");
// arrayOfFriends = ['James', 'Harry', 'Bob']

从那里循环数组并创建您的列表

您可以使用该列表获取朋友数组

var arrayOfFriends = Artist[0].friends.split(", ");
// arrayOfFriends = ['James', 'Harry', 'Bob']

---

从那里循环数组并创建您的列表

抓取艺术家的朋友字段并在其上调用split（“，”）

ARTISTS[0]。friends.split（'，'）

将为您提供

['James'，'Harry'，'Bob']

split（'，'）

将同时删除空格。：）抓住你的艺术家朋友字段，并在其上调用split（'，'）

ARTISTS[0]。friends.split（'，'）

将为您提供

['James'，'Harry'，'Bob']

split（'，'）

将同时删除空格。：）实际上你得到了

['James'、'Harry'、'Bob']

谢谢！这很有帮助，但我认为我还没有走出困境。当“friends”是一个数组（即pre.split（'，'）时，我会这样显示它们：

{{{friend}}

如果我使用

var arrayOfFriends=artist[0].friends.split（，”然后如何将它们显示为一个列表？实际上，您会看到
['James'、'Harry'、'Bob']
谢谢！这很有帮助，但我认为我还没有走出困境。当“friends”是一个数组（即pre.split（'，'）时，我会这样显示它们：
{{{friend}}
如果我使用
var arrayOfFriends=artist[0].friends.split（，”然后如何将它们显示为列表？