编写一个统计词频的书签

Question

我想创建一个书签，计算网页上的所有文本，然后在绝对定位的 div 中显示从最多到最少的结果。

我所做的每次谷歌搜索都会讨论计算表单或文本区域或已知 div id 中的单词总数。那不是我想要的。我想要每个 /w 在整个网页上出现的次数。

我知道足够的 javascript 知道我不知道如何做到这一点。

Answer 1

像这样的东西应该有效：

function countWordFrequency() {
  var freq={};
  // Traverse the DOM looking for text nodes.
  recurseTextNodes(function(textNode) {
    // Split the text into words, removing punctuation.
    var words = textNode.data.replace(/[^\w\s]/g, '').split(/\s+/)
      , len = words.length;
    // Count the word frequency.
    for (var i=0; i<len; i++) {
      // if (freq[words[i]]) { bug if one of the words is "constructor"!
      if (typeof freq[words[i]] === 'number') {
        freq[words[i]] += 1;
      } else  {
        freq[words[i]] = 1;
      }
    }
  });
  return freq;
}

这个解决方案可能过于简单，因为它删除了标点符号并解析单词，但应该演示这个想法。另外，recurseTextNodes 函数留给读者作为练习 =)。如何将此例程存储为书签（尤其是如何向最终用户显示结果）也有影响，但我再次假设您已经了解如何做到这一点。