字号随字数的变化而变化

Question

​

function test(data) {
  wordCount = {};
  theWords = [];
  allWords = data.match(/\b\w+\b/g); //get all words in the document

  for (var i = 0; i < allWords.length; i = i + 1) {
    allWords[i] = allWords[i].toLowerCase();
    var word = allWords[i];
    if (word.length > 5) {
      if (wordCount[word]) {
        wordCount[word] = wordCount[word] + 1;
      } else {
        wordCount[word] = 1;
      }
    }
  }
  var theWords = Object.keys(wordCount); // all words over 5 characters
  var result = "";
  for (var i = 0; i < theWords.length; i = i + 1) {
    result = result + " " + theWords[i];
    $("theWords.eq[i]").css("fontSize", (wordCount.length + 50) + 'px');

  }
  return result;
}

console.log(test("MyWords"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

​

我遇到了行“$(”theWordsi......“

我意识到这是一个多么简单的问题，对社区来说也不是学术的，但是我已经摸索了一段时间，没有找到任何特定的论坛来纠正我的语法错误。

我正在尝试根据单词在文档中出现的次数来更改字体大小。

wordCount =出现的计数。

theWords =我希望应用规则的所有单词

Answer 1

我设法处理了您所做的工作，使用了更多的jQuery来构建要显示的单词列表。希望它能有所帮助:D。

​

$(document).ready(function() {
  
var data = $(".sometext").text();

wordCount = {}; theWords = []; allWords = data.match(/\b\w+\b/g);   //get all words in the document

for (var i = 0; i < allWords.length; i++){
  allWords[i] = allWords[i].toLowerCase();
  var word = allWords[i];
  if (word.length > 5) {
    if (wordCount[word]) {
      wordCount[word] = wordCount[word] + 1;
    } else {
      wordCount[word] = 1;
    }
  }
}

var theWords = Object.keys(wordCount); // all words over 5 characters
  
for(var i = 0; i < theWords.length; i = i + 1) {
  $('<span/>', {
    'text': theWords[i] + " ",
    'class': theWords[i]
  }).appendTo('.result');
}
  
for(var i = 0; i < theWords.length; i++) {
  $("." + theWords[i]).css("font-size", 15 + wordCount[theWords[i]]*5 + "px");
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p class="sometext">javascript is a language that could be a language without such things as language but not without things as parenthesis. language is the bigest word here.</p>

<hr>

<div class="result"></div>

​