配列にある文字列をカウントしてその数字を新たな配列に格納したい

Question

var array = [<th>aa</th><th>bb</th><th>cc</th>,<th>aa</th><th>bb</th>,<th>aa</th><th>bb</th><th>cc</th><th>dd</th>];

上記の配列の各要素に文字列<th>がいくつあるのかをカウントしてそのカウントした数字を新たな配列として作りたいと思っています。

実現したい配列は

var array = [3,2,4]

です。

調べて配列にはindexOfを使うというところまではわかったのですが・・・。
初心者なものでこれでいいのかわかりません。

もしわかる方がいれば教えて頂けると恐縮です。
宜しくお願い致します。

var num = 0;
for (i = 0; i < num; i++) {
	if (array[i].indexOf('<th>') !== -1) {
		// let num_box = ':nth-of-type(' + k + ')';
	}
}

Answer 1

const array = ["<th>aa</th><th>bb</th><th>cc</th>","<th>aa</th><th>bb</th>","<th>aa</th><th>bb</th><th>cc</th><th>dd</th>"];
const counts = array.map(e => e.split("<th>").length -1);
console.log(counts);

Comments

[kakeru99]

splitをいうのがある事自体知らなかったです。
勉強になりました！

Answer 2

var textArray = ["<th>aa</th><th>bb</th><th>cc</th>","<th>aa</th><th>bb</th>","<th>aa</th><th>bb</th><th>cc</th><th>dd</th>"];

var countArr = [];

for (i = 0; i < textArray.length; i++) {
  countArr.push(textArray[i].split('<th>').length - 1);
}

console.log(countArr)

初学者の方と存じますので、解説もつけておきますね。

まず、indexOfは文字列を検索して、該当する一番最初の要素の場所を返す関数ですので、今回のように個数を全て数えるためには不適切です。

本コードでは配列の個数分for分を回し、その中で、文字列<th>の個数を求める式（ほぼ公式化されています）を回しています。
（実際にはsplitで<th>の位置で文字列を区切り、その数から1を引いています)

そして、求めた個数をcountArrに格納（pushメソッド）しています。

Comments

[kakeru99]

indexOfは不適切とのこと、頭に入れておきます！
丁寧な回答有り難うございます。

Answer 3

DOM処理ではなく文字列として処理していいならこう

var a = [
  "<th>aa</th><th>bb</th><th>cc</th>",
  "<th>aa</th><th>bb</th>",
  "<th>aa</th><th>bb</th><th>cc</th><th>dd</th>",
  "<td>aa</td>",
  ];
var b=a.map(function(x){
  return (x.match(/<th>/g)||[]).length;
});
console.log(b);

※１つもヒットしない場合が抜けていたので修正しました

Comments

[kakeru99]

ありがとうございます！勉強になりました！