JavaScript 特定の文字列をカウントして出力する方法

Question

以下のように特定の文字列をカウントして出力する関数、カウントした文字列を元の文字列に戻す関数を作成しようとしています。
どなたかいい方法を思いつく方がいらっしゃいましたらよろしくお願いします。

function countString(str) {
  //code
}

function restore(str) {
  //code
}

console.log(countString("bbbaacadee"))       // "3b2a1c1a1d2e"
console.log(countString("pppppppppbbzza"))    // "9p2b2z1a"
console.log(restore("3b2a1c1a1d2e"))              // "bbbaacadee"
console.log(restore("9p2b2z1a"))                 // "pppppppppbbzza"

以下のように関数を作成し、オブジェクトとして、同じ文字列を全てカウントすることはできたのですが、上記のように順次出力させる方法で詰まっています。

function countString(str) {
  let arrayStrings = str.split("")
  let count = {};
  
  for (let i = 0; i < arrayStrings.length; i++) {
    let a = arrayStrings[i]
    
  let elm = arrayStrings[i];
  count[elm] = (count[elm] || 0) + 1;
  }
  return count
}
  

Answer 1

地道にやればこんなかんじかな。

function countString(str) {
    let b = ""
    let r = ""
    for (let i=0;i<str.length;i++) {
        if (b != "" && str[i] != b[0]) {
            r += b.length + b[0] + ""
            b = ""
        }
        b += str[i]
    }
    r += b.length + b[0] + ""

    return r    
}

--- 追記 ---
参考までにこっちも

function restore(str) {
    let n = ""
    let r = ""
    const nums = "0123456789"
    for (let i=0;i<str.length;i++) {
        if (nums.includes(str[i])) {
            n += str[i] + ""
        } else {
            r += str[i].repeat(n * 1)
            n = ""
        }
    }
    return r
}

Comments

[hi-roto]

丁寧なご回答ありがとうございます。
参考にさせていただきます！！

[takasima20]

(･∀･)b

Answer 2

とりま、こんなんでいけるかと。

const countString = str => str.replace(/([a-z])\1*/g, (m, p1) => `${m.length}${p1}`);

const restore = str => str.replace(/([0-9]+)([a-z])/g, (_, p1, p2) => p2.repeat(+p1));

テスト：

[
  'bbbaacadee',
  'pppppppppbbzza',
  'abcdefgh',
  'zzzzz'
].forEach(text => {  
  const text1 = countString(text);
  const text2 = restore(text1);
  console.log(`${text} => ${text1} => ${text2}`, text === text2);  
});

出力結果：

"bbbaacadee => 3b2a1c1a1d2e => bbbaacadee" true

"pppppppppbbzza => 9p2b2z1a => pppppppppbbzza" true
"abcdefgh => 1a1b1c1d1e1f1g1h => abcdefgh" true
"zzzzz => 5z => zzzzz" true

???? サンプル @codepen

追記

質問にある、作成途中のcountStringのコード

function countString(str) {
  let arrayStrings = str.split("")
  let count = {};

  for (let i = 0; i < arrayStrings.length; i++) {
    let a = arrayStrings[i]

    let elm = arrayStrings[i];
    count[elm] = (count[elm] || 0) + 1;
  }
  return count
}

についてですが、ここまでで作られるcount オブジェクトを使って、意図しているコード化を行うのは難しいです。
たとえば、"bbbaacadee"という文字列からは、count は以下のようなオブジェクトになります。

{ b: 3, a: 3, c: 1, d :1, e :2 }

ですが、このオブジェクトが持っているのは、各文字が与えられた文字列の中で出現する合計の回数です。なので、たとえば、文字a に対して countオブジェクトから3 という数字が分かっても、この3の意味するところとして、どこかにaが3連続しているのかもしれないし、あるいは、文字列の先頭に1個のaがあり、末尾に2連続のa があるのかもしれません。しかし、"bbbaacadee"でのaの出現場所と各回数を見ると、これらのどちらでもありません。このように、count には、各文字がどこに（それぞれ各）何回という情報が抜け落ちてしまっています。ですので、このcount から、目的とするコード化された文字列（入力がbbbaacadeeならば、3b2a1c1a1d2e）を得るのは難しいです。

先に正規表現とreplaceを使ったコードを挙げましたが、（質問にあるarrayStringsのように、）一文字ずつ読んで処理するforループで目的を達成しようとするなら、countのような文字と総出現回数のマップではなく、何らか別のデータ構造なりアルゴリズムを再考する必要があります。

Comments

[hi-roto]

ご丁寧にご回答いただきありがとうございましす。
仕事から帰って、再度見直させていただきます。
レビューもいただけたので、こちらの回答をベストアンサーにさせていただきます。