javascript - 如何将逗号分隔的 JSON 值显示为列表?

标签 javascript json angular html-lists

假设我有一个像这样的数组:

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

是否可以将键“ friend ”的值显示为无序列表,其中每个 friend 都有自己的列表项,例如:

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

我确实意识到“ friend ”最好存储为嵌套数组,以便显示为列表,但我正在将此作为另一个问题的潜在解决方法。

谢谢!

附注我正在使用 Angular 2。

最佳答案

您可以使用String.prototype.split()结交一群 friend 。

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

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

关于javascript - 如何将逗号分隔的 JSON 值显示为列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44729743/

相关文章:

javascript - 如何应用 Font Awesome 图标颜色 - 包括白色阴影而不仅仅是轮廓

javascript - 找不到 Angular2.0.0 管道 ''

javascript - 将 get 和 set 添加到构造函数的原型(prototype)链中

json - 使用R从JSON读取后如何避免循环列表

angular - 具有提前 (AOT) 编译的 Webpack、Typescript 和 Angular2?

angular - 从另一个组件触发时, Material 侧导航不显示背景

javascript - Javascript 中日期的错误行为

c# - 如何计算 HttpRequestMessage 的大小?

java - 尝试记录 Retrofit JSON 响应时出现 NoSuchMethodError

typescript - angular2 CLI 项目中缺少一些 RxJS 运算符?该怎么办?