【JavaScript】文字列内の特定文字の出現回数をカウントする方法｜split・match・reduce完全ガイド

この記事で学べること

• split()・match()・for・reduce() による4つのカウント方法
• 大文字小文字を無視したカウント（i フラグ）
• 部分文字列（複数文字）のカウント方法
• 全文字の出現頻度マップの作成と最頻出・最少文字の取得
• 各方法のパフォーマンス比較と使い分け
• バリデーション・テキスト分析など実務での活用パターン

const str = 'Hello, World!';
const target = 'l';

// split で分割 → 配列の長さ - 1 = 出現回数
const count = str.split(target).length - 1;

console.log(count);  // 3

実行結果

3

function countChar(str, char) {
  return str.split(char).length - 1;
}

console.log(countChar('banana', 'a'));  // 3
console.log(countChar('hello', 'z'));   // 0
console.log(countChar('aaa', 'a'));     // 3

実行結果

3
0
3

注意：split() は内部で配列を生成するため、非常に長い文字列ではメモリ効率が悪くなる場合があります。大量データには for ループが適しています。

const str = 'Hello, World!';

// g フラグで全てのマッチを取得
const matches = str.match(/l/g);

console.log(matches);         // ['l', 'l', 'l']
console.log(matches.length);  // 3

実行結果

["l", "l", "l"]
3

function countCharRegex(str, char) {
  const regex = new RegExp(char, 'g');
  const matches = str.match(regex);
  return matches ? matches.length : 0;
}

console.log(countCharRegex('banana', 'a'));  // 3
console.log(countCharRegex('hello', 'z'));   // 0

実行結果

3
0

ポイント：match() が null を返す場合に備え、Null合体演算子 ?? を使って (str.match(regex) ?? []).length と書くこともできます。

function escapeRegex(str) {
  return str.replace(/[.*+?^${}()|[]\]/g, '\$&');
}

function countCharSafe(str, char) {
  const escaped = escapeRegex(char);
  const regex = new RegExp(escaped, 'g');
  return (str.match(regex) ?? []).length;
}

// 「.」をカウント（特殊文字）
console.log(countCharSafe('a.b.c.d', '.'));  // 3

実行結果

3

function countCharLoop(str, char) {
  let count = 0;
  for (let i = 0; i < str.length; i++) {
    if (str[i] === char) {
      count++;
    }
  }
  return count;
}

console.log(countCharLoop('programming', 'g'));  // 2
console.log(countCharLoop('programming', 'm'));  // 2
console.log(countCharLoop('programming', 'z'));  // 0

実行結果

2
2
0

function countCharForOf(str, char) {
  let count = 0;
  for (const c of str) {
    if (c === char) count++;
  }
  return count;
}

console.log(countCharForOf('JavaScript', 'a'));  // 2

実行結果

2

ポイント：for...of はサロゲートペア文字（絵文字など）も正しく1文字として扱います。for ループ + str[i] ではサロゲートペアを正しく処理できない場合があります。

function countCharReduce(str, char) {
  return [...str].reduce((acc, c) => c === char ? acc + 1 : acc, 0);
}

console.log(countCharReduce('mississippi', 's'));  // 4
console.log(countCharReduce('mississippi', 'i'));  // 4
console.log(countCharReduce('mississippi', 'p'));  // 2

実行結果

4
4
2

const countChar = (str, char) =>
  [...str].filter(c => c === char).length;

console.log(countChar('abracadabra', 'a'));  // 5

実行結果

5

const str = 'Hello World';

// gi フラグ: g（全検索）+ i（大文字小文字無視）
const count = (str.match(/l/gi) ?? []).length;
console.log(count);  // 3

// 大文字の「L」も含めてカウント
const str2 = 'JavaScript Learning Lab';
const count2 = (str2.match(/l/gi) ?? []).length;
console.log(count2);  // 3（'L' + 'l' + 'L' = 計3回）

実行結果

3
3

function countCharIgnoreCase(str, char) {
  return str.toLowerCase().split(char.toLowerCase()).length - 1;
}

console.log(countCharIgnoreCase('AbCaBcAbC', 'a'));  // 3
console.log(countCharIgnoreCase('AbCaBcAbC', 'A'));  // 3

実行結果

3
3

function countSubstring(str, sub) {
  if (sub.length === 0) return 0;
  return str.split(sub).length - 1;
}

console.log(countSubstring('abcabcabc', 'abc'));  // 3
console.log(countSubstring('aaaa', 'aa'));       // 2（重複なし）
console.log(countSubstring('hello world', 'or')); // 1

実行結果

3
2
1

function countOverlapping(str, sub) {
  let count = 0;
  let pos = 0;
  while ((pos = str.indexOf(sub, pos)) !== -1) {
    count++;
    pos += 1;  // 1文字ずつずらして重複検出
  }
  return count;
}

console.log(countOverlapping('aaaa', 'aa'));     // 3（重複あり）
console.log(countOverlapping('abcabcabc', 'abc'));  // 3
console.log(countOverlapping('ababab', 'aba'));   // 2

実行結果

3
3
2

注意：split() と indexOf() では重複部分文字列のカウント結果が異なります。"aaaa" 中の "aa" は split() なら2回、重複ありの indexOf() なら3回です。用途に応じて使い分けてください。

function charFrequencyMap(str) {
  const freq = {};
  for (const char of str) {
    freq[char] = (freq[char] || 0) + 1;
  }
  return freq;
}

const result = charFrequencyMap('banana');
console.log(result);

実行結果

{ b: 1, a: 3, n: 2 }

function charFrequencyReduce(str) {
  return [...str].reduce((freq, char) => {
    freq[char] = (freq[char] || 0) + 1;
    return freq;
  }, {});
}

const result = charFrequencyReduce('hello world');
console.log(result);

実行結果

{ h: 1, e: 1, l: 3, o: 2, " ": 1, w: 1, r: 1, d: 1 }

function charFrequencyWithMap(str) {
  const freq = new Map();
  for (const char of str) {
    freq.set(char, (freq.get(char) || 0) + 1);
  }
  return freq;
}

const map = charFrequencyWithMap('apple');
console.log(map.get('p'));  // 2
console.log(map.get('a'));  // 1

実行結果

2
1

function getMostFrequent(str) {
  const freq = {};
  for (const char of str) {
    freq[char] = (freq[char] || 0) + 1;
  }

  let maxChar = '';
  let maxCount = 0;

  for (const [char, count] of Object.entries(freq)) {
    if (count > maxCount) {
      maxChar = char;
      maxCount = count;
    }
  }

  return { char: maxChar, count: maxCount };
}

console.log(getMostFrequent('abracadabra'));

実行結果

{ char: "a", count: 5 }

function getFrequencyExtremes(str) {
  const freq = {};
  for (const char of str) {
    if (char !== ' ') {  // 空白を除外
      freq[char] = (freq[char] || 0) + 1;
    }
  }

  const entries = Object.entries(freq);
  const sorted = entries.sort((a, b) => b[1] - a[1]);

  return {
    most:  { char: sorted[0][0], count: sorted[0][1] },
    least: { char: sorted.at(-1)[0], count: sorted.at(-1)[1] },
    all: sorted
  };
}

const result = getFrequencyExtremes('programming');
console.log('最頻出:', result.most);
console.log('最少:', result.least);
console.log('全頻度:', result.all);

実行結果

最頻出: { char: "g", count: 2 }
最少: { char: "p", count: 1 }
全頻度: [["g",2],["r",2],["m",2],["p",1],["o",1],["a",1],["i",1],["n",1]]

// テスト用の長い文字列を生成
const testStr = 'a'.repeat(500000) + 'b'.repeat(500000);
const iterations = 100;

function benchmark(name, fn) {
  const start = performance.now();
  for (let i = 0; i < iterations; i++) fn();
  const elapsed = performance.now() - start;
  console.log(`${name}: ${elapsed.toFixed(2)}ms`);
}

benchmark('split',   () => testStr.split('a').length - 1);
benchmark('match',   () => (testStr.match(/a/g) ?? []).length);
benchmark('for',     () => {
  let c = 0;
  for (let i = 0; i < testStr.length; i++) if (testStr[i] === 'a') c++;
});
benchmark('reduce',  () => [...testStr].reduce((a,c)=>c==='a'?a+1:a,0));

ポイント：通常の文字列（数百〜数千文字）では差はほぼ感じません。パフォーマンスが重要になるのは、数十万文字以上の大量テキストを処理する場合です。迷ったら可読性を優先して split() か match() を選びましょう。

function hasValidAtSign(email) {
  const atCount = email.split('@').length - 1;
  return atCount === 1;
}

console.log(hasValidAtSign('user@example.com'));   // true
console.log(hasValidAtSign('user@@example.com'));  // false
console.log(hasValidAtSign('userexample.com'));   // false

実行結果

true
false
false

function checkPasswordStrength(password) {
  const upper   = (password.match(/[A-Z]/g) ?? []).length;
  const lower   = (password.match(/[a-z]/g) ?? []).length;
  const digits  = (password.match(/[0-9]/g) ?? []).length;
  const special = (password.match(/[^A-Za-z0-9]/g) ?? []).length;

  return {
    length: password.length,
    uppercase: upper,
    lowercase: lower,
    digits: digits,
    special: special,
    isStrong: upper > 0 && lower > 0 && digits > 0 && special > 0
  };
}

console.log(checkPasswordStrength('MyP@ss1'));

実行結果

{
  length: 7,
  uppercase: 2,
  lowercase: 2,
  digits: 1,
  special: 1,
  isStrong: true
}

function analyzeText(text) {
  return {
    totalChars:  text.length,
    letters:     (text.match(/[a-zA-Z]/g) ?? []).length,
    digits:      (text.match(/[0-9]/g) ?? []).length,
    spaces:      text.split(' ').length - 1,
    words:       text.trim().split(/s+/).length,
    sentences:   (text.match(/[.!?]+/g) ?? []).length,
    newlines:    text.split('
').length - 1
  };
}

const sample = 'Hello World! This is a test.
Line 2 here.';
console.log(analyzeText(sample));

実行結果

{
  totalChars: 42,
  letters: 30,
  digits: 1,
  spaces: 8,
  words: 9,
  sentences: 2,
  newlines: 1
}

function validateCSVColumns(csvLine, expectedColumns) {
  const commaCount = csvLine.split(',').length - 1;
  const actualColumns = commaCount + 1;

  return {
    isValid: actualColumns === expectedColumns,
    actual: actualColumns,
    expected: expectedColumns
  };
}

console.log(validateCSVColumns('name,age,email', 3));
console.log(validateCSVColumns('name,age', 3));

実行結果

{ isValid: true, actual: 3, expected: 3 }
{ isValid: false, actual: 2, expected: 3 }

function countHTMLTags(html, tagName) {
  const regex = new RegExp(`<${tagName}[\s>]`, 'gi');
  return (html.match(regex) ?? []).length;
}

const html = '<div><p>Hello</p><p>World</p><div><p>!</p></div></div>';

console.log('p タグ:', countHTMLTags(html, 'p'));     // 3
console.log('div タグ:', countHTMLTags(html, 'div')); // 2

実行結果

p タグ: 3
div タグ: 2

注意：IE対応が必要な場合は split() + match() + 基本 for ループに限定してください。for...of・スプレッド演算子・?? はIEではサポートされていません。