JavaScriptで配列操作してkey指定からvalueを取り出す方法を知りたい

Question

最近、JavaScriptを始めた者です。
配列の操作で困っていることがあるので、お詳しい方ご教示いただけますと幸いです。

やりたいことを一言で書くと、
「key"CreatedAt"のvalue部分を取り出し、yyyy/mm/dd hh:mm形式に整形したいです。」

var hoge = [
	{
		"PostId": 7,
		"Theme": "3",
		"Title": "タイトルのテストです",
		"CreatedAt": "2021-03-08T21:52:03.07398Z"
	},
	{
		"PostId": 9,
		"Theme": "3",
		"Title": "タイトル",
		"CreatedAt": "2021-03-08T22:17:32.132636Z"
	},
]

質問１：配列からkeyを指定してvalueを取り出す方法を知りたいです。

for (let key in hoge) {
  console.log('key:' + key + ' value:' + hoge[key]);

としたのですが、
key:4 value:[object Object]
という形になってしまい取得できませんでした。

質問２：TIMESTAMP型を文字列整形するのに良い方法を知りたいです。

"2021-03-08T22:17:32.132636Z"のようなTIMESTAMP型を
"2021-03-08 22:17"と整形するためには、どのような手法が賢いでしょうか？
今考えている方法は、正規表現で文字Tを取り除く＆一番最後の.以降を除去する、というやりかたです。

よりよい方法をご存知の方、ご教示いただけますと幸いです。

Answer 1

配列からkeyを指定してvalueを取り出す方法を知りたいです

配列に入っているのはオブジェクトですので、hoge[1].CreatedAtのようにオブジェクトから中身を取り出す必要があります。

今考えている方法は、正規表現で文字Tを取り除く＆一番最後の.以降を除去する、というやりかたです。

それで必要十分かと思います。

Comments

[umino]

さっそく回答いただいて、ありがとうございます。
```JavaScript
// hogeをYYYY/MM/DD hh:mmに整形する
// 整形前サンプル： "2021-03-08T22:17:32.132636Z"
for (let i = 0; i < hoge.length; i++){
hoge[i].CreatedAt = hoge[i].CreatedAt.replace(/^(.{10})T(.{5}).+$/, "$1 $2");
}
```
でできました。オブジェクトの操作になるんですね、どの知識が足りてないのかわからなかったので、ワードを出していただけて大変勉強になりました。
ありがとうございました。

Answer 2

hoge.forEach(x=>{
  x.CreatedAt=x.CreatedAt.replace(/^(.{10})T(.{5}).+$/,"$1 $2");
});
console.log(hoge);

Comments

[umino]

ご回答ありがとうございます。
教えていただいた正規表現で実行したところ、期待通りの結果になりました。
ひとつひとつの意味を調べて、理解に落とし込みたいと思います。
正解を教えていただいてありがとうございました。