【JS】行頭から続く半角スペースを数える

Question

【JavaScript】行頭から続く半角スペースを数える

行頭から続く半角スペースの数を数える処理を作りたいのですが，どうすればいいのかわかりません．

let text1 = "    hoge";  // hogeの前に半角スペースが4つある
let text2 = "  hoge  ";  // hogeの前と後に半角スペースが2つある

function countSpace(text) {
  let count = 0;
  // 半角スペースの数を数える処理
  return count;
}

console.log(countSpace(text1));  // 出力結果-> 4
console.log(countSpace(text2));  // 出力結果-> 2

試したこと

function countSpace(text) {
  let count = 0;
  count = (text.match(/ /g) || []).length;
  return count;
}

↑の場合，text2を実行時に本当なら2が返されなければならないところ，4が返されました。

どうすればいいかわかりません．
よろしくお願い致します．

Answer 1

どうすればいいかわかりません．

まずは、手作業でやるとしたらどうするかを考えて、それをコードに起こしてみましょう。

Comments

[maisumakun]

機械学習のような「データで勝負をかける」ものは別として、何をどうするか順序立てて言葉に出来ないようでは、コードにもできません。

Answer 2

text.match(/^ */)[0].length

「先頭の0個以上の空白」は必ずあるので、見つからないことを考慮しなくて良いです、

Answer 3

不具合の原因

単純にスペースで照合をかけているので、text2ではhogeの後のスペースも含まれてしまっています。
開始のスペースだけにマッチさせるようにする必要があります。

コード例１

const text1 = "    hoge";  // hogeの前に半角スペースが4つある
const text2 = "  hoge  ";  // hogeの前と後に半角スペースが2つある
const text3 = "hoge  ";  // 開始に半角スペースがない

const countSpace = text => (text.split(text.trim())[0].match(/ /g) || []).length;

console.log(countSpace(text1)); // 出力結果-> 4
console.log(countSpace(text2)); // 出力結果-> 2
console.log(countSpace(text3)); // 出力結果-> 0

上記のコードをtext2を例にとって解説していいきます。

• .split(text.trim())は、つまり.split('hoge')ということです。
  • ' hoge 'を→['スペースx2', 'スペースx2']という配列に変換します。
• 開始のスペースだけカウントしたいのですから、配列の[0]番目が欲しいので['スペースx2', 'スペースx2'][0]という形で指定しています。
• ['スペースx2'].match(/ /g)で半角スペースをマッチさせます。
  • マッチするものがなければ || []で長さ0の配列にします。
• matchによって出来上がった配列を、['スペースx1', 'スペースx1'].lengthで、スペースの数を数えます。

ちなみに、半角スペースと全角スペースを区別する必要がなければ、もっと短く済みます。

const countSpace = text => text.split(text.trim())[0].length;

コード例２

const text1 = "    hoge";  // hogeの前に半角スペースが4つある
const text2 = "  hoge  ";  // hogeの前と後に半角スペースが2つある
const text3 = "hoge  ";  // 開始に半角スペースがない

const countSpace = text => (text.match(/^ +/) || [])[0].length;

console.log(countSpace(text1)); // 出力結果-> 4
console.log(countSpace(text2)); // 出力結果-> 2
console.log(countSpace(text3)); // 出力結果-> 0

• /^ +/　半角スペースから開始し、1つまたはそれ以上のスペースの連続をマッチさせる。
  • マッチしない場合は|| []により、長さが0の配列にする。
• 配列の中の[0]番目の文字列の長さを取得する。