如何为循环循环添加计数器编号?

时间:2017-09-30 18:19:17

标签: javascript loops indexing ecmascript-6

我的数据看起来像这样

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

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

我的用户界面看起来像这样

作者1

  1. 文章
  2. 文章
  3. Author2

    1. 文章
    2. 文章
    3. 我想改变就像这样

      作者1

      1. 第一条
      2. 第二条
      3. Author2

        1. 第一条
        2. 第二条
        3. 如何从结束author1开始第二个循环

1 个答案:

答案 0 :(得分: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`);      
  } 
}