JS匹配来自不同数组的字符串

Question

我正在使用 vuejs 开发一个 firebase 项目，试图绘制一个图表来显示每月订阅者的数量。主要问题是只计算每个月创建的配置文件的数量。剩下的步骤对我来说没问题。

我想这样做：

// calculation of number of users each month
let months = ['jan', 'feb', 'mar', 'apr', 'may', 'Jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];

this.users.filter(user => {
  let print = user.metadata.creationTime;

  for (var month in months) {
    if (print.indexOf(month) > -1) {
      console.log(user.email)
    }
  }
})

我想象它是这样的，..但是控制台每个月都会打印重复的记录，..

我在想可能有另一种方法，.. 还是我只是坚持调整和尝试这个？

Answer 1

我认为你的目标是这样的：

// Mock data
const users = [
  { metadata: { creationTime: '3 apr' } },
  { metadata: { creationTime: '7 apr' } },
  { metadata: { creationTime: '26 jan' } },
  { metadata: { creationTime: '4 feb' } },
  { metadata: { creationTime: '9 dec' } },
  { metadata: { creationTime: '25 dec' } },
  { metadata: { creationTime: '9 apr' } }
]

// Months in lower-case... creationTime is assumed to also use lower-case
const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']

// Use `map` to create an array the same length as `months`
const counts = months.map(month => {
  let count = 0
  
  // Loop over the `users` array, note the use of `of`, not `in`
  for (const user of users) {
    // Using `includes` is somewhat crude but may work depending on how
    // creationTime is formatted. It's no worse than indexOf
    if (user.metadata.creationTime.includes(month)) {
      ++count
    }
  }
  
  return count
})

console.log('Counts: ' + counts.join(' '))

在这种情况下，输出是一个包含每个月计数的数组，但您可以轻松地调整 map 函数内的返回值，以返回一个带有月份名称和计数的对象，如果这样更容易使用的话.

正如我在 cmets 中指出的，您原始代码中的主要缺陷是使用了for (var month in months) {。这将遍历数字索引而不是月份名称，因此您只需检查0, 1, 2, etc. 而不是jan, feb, mar, etc.。要遍历数组的内容，您需要使用 for/of 循环。