配列文字列を配列にして要素を回したときmatchメソッドが使えない。

Question

前提・実現したいこと

配列文字列を配列にして要素を回したときmatchメソッドを使おうとすると、
「is not a function」エラーが出てしまい、使えない為、
ご教示お願いします。

試したこと

配列文字列を配列に変換する方法はわかりました。
しかし、これの要素を回して、その要素でmatchメソッドを使おうとすると、
エラーが出てしまいます。
ご教示お願いします。

$(function() {
	var rooms = '[{"adult":"1","child":"2","infant":"0"},{"adult":"1","child":"2","infant":"0"}]';
	rooms = JSON.parse(rooms);
	console.log(rooms);
	rooms.forEach(element => {
		var numarr = element.match(/\d/g);
	});
});

・エラーメッセージ。

Uncaught TypeError: element.match is not a function

Answer 1

console.logした結果で見てのとおりかと思いますが、roomsに入っている要素は{"adult":"1","child":"2","infant":"0"}のようなオブジェクトなので、.matchメソッドはありません。

Comments

[maisumakun]

「したいこと」を、文字列処理ではなくオブジェクトに対する処理として組み立てる必要があるかと思います。

[tkshp]

ご回答ありがとうございます。
オブジェクトに対してどういった処理ができますか？
オブジェクトを文字列に変換することはできないですか？

[maisumakun]

具体的に取り出したい結果はどのようなものなのでしょうか。

[tkshp]

ご回答ありがとうございます。
各要素ごとに番号を抜粋した要素の配列を取得したいです。
例えば、
[{"adult":"1","child":"2","infant":"0"},{"adult":"1","child":"2","infant":"0"}]';
であれば、番号だけ抜粋した、
["120", "120"]
また、
[{"adult":"1","child":"2","infant":"3"},{"adult":"4","child":"5","infant":"6"},{"adult":"7","child":"8","infant":"9"}]';
であれば、
["123", "456", "789"]という文字列配列を取得したいです。

[maisumakun]

となると、JSON.parseした時点でうまくいきません（JSON.parseの結果は、プロパティ同士の順序が保証されませんので「123」のはずが「231」になってしまう危険があります）。

JSON.parseは使わず、最初から最後まで文字列として処理する必要があります。

（常にadult→child→infantの順に拾えばいいのであれば、かなり楽にできますが）

[tkshp]

ご回答ありがとうございます。
常にadult→child→infantの順に数を拾いたいです。
どういった方法か教えていただけませんか？

[maisumakun]

'' + element.adult + element.child + element.infant

[tkshp]

ご回答ありがとうございます。
element.adult + element.child + element.infant
で意図したことができるようになりました。
ありがとうございました。