【问题标题】:How do you add a counter numbering for a loop of a loop?如何为循环的循环添加计数器编号?
【发布时间】:2017-09-30 18:19:17
【问题描述】:

我的数据是这样的

posts : {
    author1 : {
        "article1" : { },
        "article2" : { }
    },
    author2 : {
        "article1" : { },
        "article2" : { }
    }

我有一个循环遍历文章和数字的计数器 Object.keys().map((key)=>.. 然后显示每篇文章的计数器 key + 1 等。效果很好,但现在我想显示所有作者并显示所有文章。

我的用户界面是这样的

作者1

  1. 文章
  2. 文章

作者2

  1. 文章
  2. 文章

我想变成这样

作者1

  1. 第1条
  2. 第二条

作者2

  1. 第1条
  2. 第二条

如何让第二个循环从最后的作者开始

【问题讨论】:

  • 请在您的问题中显示您的代码
  • 只要把变量放在外循环的范围内,不要放在内循环的范围内。

标签: javascript loops indexing ecmascript-6


【解决方案1】:

您可以使用Object.entries() 来迭代对象的属性和值。注意,问题代码中有重复的属性名称

const posts = {
  author1: {
    "article1": {a:1},
    "article2": {b:2}
  },
  author2: {
    "article1": {c:3},
    "article2": {d:4}
  }
}

for (let [key, prop] of Object.entries(posts)) {
  console.log(`${key}:\n`);
  for (let [item, articles] of Object.entries(prop)) {
    console.log(`${item}:${JSON.stringify(articles)}\n`);      
  } 
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-06-19
    • 2011-07-02
    • 1970-01-01
    • 2017-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-22
    相关资源
    最近更新 更多