13

I am trying to count the number of words in a given string using the following code:

var t = document.getElementById('MSO_ContentTable').textContent;

if (t == undefined) {
  var total = document.getElementById('MSO_ContentTable').innerText;                
} else {
  var total = document.getElementById('MSO_ContentTable').textContent;        
}
countTotal = cword(total);   

function cword(w) {
  var count = 0;
  var words = w.split(" ");
  for (i = 0; i < words.length; i++) {
    // inner loop -- do the count
    if (words[i] != "") {
      count += 1;
    }
  }

  return (count);
}

In that code I am getting data from a div tag and sending it to the cword() function for counting. Though the return value is different in IE and Firefox. Is there any change required in the regular expression? One thing that I show that both browser send same string there is a problem inside the cword() function.

4
  • I'm not sure what your question is, but what is the check against an empty string for?
    – kinakuta
    Jul 1, 2011 at 5:33
  • in short i call function cword() with some string paragraph as an argument.but the return value is different in ff and ie
    – V_B
    Jul 1, 2011 at 5:36
  • What's an example string that's giving you different results between browsers?
    – kinakuta
    Jul 1, 2011 at 5:38
  • when i use that much of string its give me currect result but some changes some enter ans spaces change result this below is my string Welcome to your wiki library! You can get started and add content to this page by clicking Edit at the top of this page, or you can learn more about wiki libraries by clicking [[How To Use This Library]]. What is a wiki library? Wikiwiki means quick in Hawaiian. A wiki library is a document library in which users can easily edit any page.
    – V_B
    Jul 1, 2011 at 5:52

5 Answers 5

22

[edit 2022, based on comment] Nowadays, one would not extend the native prototype this way. A way to extend the native protype without the danger of naming conflicts is to use the es20xx symbol. Here is an example of a wordcounter using that.

Old answer: you can use split and add a wordcounter to the String prototype:

if (!String.prototype.countWords) {
  String.prototype.countWords = function() {
    return this.length && this.split(/\s+\b/).length || 0;
  };
}

console.log(`'this string has five words'.countWords() => ${
  'this string has five words'.countWords()}`);
console.log(`'this string has five words ... and counting'.countWords() => ${
  'this string has five words ... and counting'.countWords()}`);
console.log(`''.countWords() => ${''.countWords()}`);

4
14

I would prefer a RegEx only solution:

var str = "your long string with many words.";
var wordCount = str.match(/(\w+)/g).length;
alert(wordCount); //6

The regex is

\w+    between one and unlimited word characters
/g     greedy - don't stop after the first match

The brackets create a group around every match. So the length of all matched groups should match the word count.

5
  • 3
    This is probably the most efficient approach when dealing with long text. Jan 5, 2015 at 16:40
  • 5
    Good solution, although it will generate an error if the input string is length 0 or is all whitespace. Mar 3, 2016 at 19:44
  • why the group in regex? i.e. why not just /\w+/
    – aaron
    May 27, 2016 at 23:57
  • Worked well for me! Anyone know how to avoid the 0 length error? Aug 12, 2022 at 15:47
  • 1
    @AndrewLeonardi if you're okay with optional chaining you could do: var wordCount = str.match(/(\w+)/g)?.length || 0;
    – Ryan Appel
    Oct 4, 2022 at 4:00
10

This is the best solution I've found:

function wordCount(str) { var m = str.match(/[^\s]+/g) return m ? m.length : 0; }

This inverts whitespace selection, which is better than \w+ because it only matches the latin alphabet and _ (see http://www.ecma-international.org/ecma-262/5.1/#sec-15.10.2.6)

If you're not careful with whitespace matching you'll count empty strings, strings with leading and trailing whitespace, and all whitespace strings as matches while this solution handles strings like ' ', ' a\t\t!\r\n#$%() d ' correctly (if you define 'correct' as 0 and 4).

2
  • 1
    This answer is underrated IMO.
    – Dizzley
    Jan 5, 2020 at 18:59
  • yeah, classic stackoverflow where the actual right answer is hidden by two incomplete answers with more votes and one clearly wrong answer that is accepted as correct
    – aaron
    Mar 2, 2021 at 12:16
3

You can make a clever use of the replace() method although you are not replacing anything.

var str = "the very long text you have...";

var counter = 0;

// lets loop through the string and count the words
str.replace(/(\b+)/g,function (a) {
   // for each word found increase the counter value by 1
   counter++;
})

alert(counter);

the regex can be improved to exclude html tags for example

3
  • 1
    i am new in javascript so plz tell me what is (a) as function args
    – V_B
    Jul 1, 2011 at 5:40
  • 1
    a holds the value of the current word being counted
    – Ibu
    Jul 1, 2011 at 5:46
  • I like that, I like that a lot. Nice Answer.
    – Jonathon
    Jul 1, 2011 at 5:52
0
//Count words in a string or what appears as words :-)

        function countWordsString(string){

            var counter = 1;

            // Change multiple spaces for one space
            string=string.replace(/[\s]+/gim, ' ');

            // Lets loop through the string and count the words
            string.replace(/(\s+)/g, function (a) {
               // For each word found increase the counter value by 1
               counter++;
            });

            return counter;
        }


        var numberWords = countWordsString(string);

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.