数组数组上的 Javascript ForEach

Question

我正在循环浏览一组博客文章，首先将博客作者的用户名和 ID 推送到一个新的数组数组中，然后计算每个作者的博客数量。下面的代码实现了这一点；但是，在新数组中，用户名和作者 ID 不再是数组中单独的项目，而是似乎连接成一个字符串。我需要将它们作为单独的项目保留，因为我需要单独使用它们；我该如何修改结果以实现这一目标？

    var countAuthors = [];
    blogAuthors = await Blog.find().populate('authors');
    blogAuthors.forEach(function(blogAuthor){
        countAuthors.push([blogAuthor.author.username, blogAuthor.author.id]);
        
    })
    console.log(countAuthors);
    // Outputs as separate array items, as expected:
    //   [ 'author1', 5d7eed028c298b424b3fb5f1 ],
    //   [ 'author2', 5dd8aa254d74b30017dbfdd3 ],
    var result = {};
    countAuthors.forEach(function(x) {
        result[x] = (result[x] || 0) + 1;
    });

    console.log(result);
    //  Username and author ID become a single string and cannot be accessed as separate array items
    //  'author1,5d7eed028c298b424b3fb5f1': 15,
    //  'author2,5dd8aa254d74b30017dbfdd3': 2,

更新：

也许我可以进一步解释为什么要这样做。我的目标是一个表格，其中显示博客作者的姓名以及他们撰写的博客数量。但是，我还希望作者姓名链接到他们的个人资料页面，这需要 blogAuthor.author.id 这样做。因此，在执行计数后，我仍然需要能够分别访问作者用户名和 ID。谢谢

Answer 1

你可以使用 String.split()。 例如：

let result = 'author1,5d7eed028c298b424b3fb5f1'.split(',')

将结果设置为：

['author1' , '5d7eed028c298b424b3fb5f1']

然后您可以像这样单独访问它们：

result[1] //'5d7eed028c298b424b3fb5f1'

Answer 2

您的问题是您没有在 foreach 回调中拆分 x，因此整个数组被转换为字符串并在插入结果对象时用作键。

您可以使用数组解构来拆分作者姓名和博客 ID，并使用它们选择性地向结果对象添加新条目，然后更新该结果。

countAuthors = [
  ['author1', 'bookId1'],
  ['author2', 'bookId2'],
  ['author1', 'bookId3'],
  ['author1', 'bookId4'],
  ['author2', 'bookId5']
]

var result = {};

countAuthors.forEach(([author, id]) => {
  if (result[author] === undefined) {
    result[author] = {count: 0, blogIds: []};
  }
  result[author].count += 1;
  result[author].blogIds.push(id);
});

console.log(result);