Javascrptで該当class名の要素のvalue値を全て取得したい

Question

Htmlに書かれたclass属性の名前と一致するValue要素を配列にしたいです。
しかし、調べてみても、getElementByIDと合わせて使用するものばかりで成し遂げたい情報と巡り会っておりません。

getElementsByClassName()で要素を取得して、Valueに書かれている値を引っ張り出し、配列として扱いたい場合にはどのような手順が必要でしょうか?

(追記1)
＊value値とは、<input type="hidden" class="kinbi" value="2021-02">のvalueに入っている値の事です。

var aru = document.getElementsByClassName('kinbi');
var lel = Array.from(aru);

大雑把な説明ですが、だいぶ追い詰められています。協力お願いします。

Comments

[int32_t]

「Value要素」とは何でしょうか? どんなHTMLに対してどんな出力になるか具体的に書くとわかりやすいです。

ともあれ、
> getElementsByClassName()で要素を取得して、Valueに書かれている値を引っ張り出し、配列として扱いたい
ここまでやることが見えているなら、それをそのまま実装するだけでは? 何がわかりませんか? どこまでコードを書きましたか?

[j-nagnn]

value値とは、<input type="hidden" class="kinbi" value="2021-02">のvalueに入っている値の事です。
var aru = document.getElementsByClassName('kinbi');
var lel = Array.from(aru);
ここまではいいんですが、lelからValueがキーのモノをどうやって取り出せるのかが分からないのです。

[kairi003]

書いたコードがあるなら本文に書いたほうがいいです。
何がしたいのか、どこまでできてるのかが分かりやすいので。

Answer 1

mapで実現できます。
「javascript map」などでググってください。

var aru = document.getElementsByClassName('kinbi');
var lel = Array.from(aru);
var values = lel.map(e=>e.value);

Comments

[j-nagnn]

ありがとうございます。
教えてくれたコードで、以下の値が配列として返ってきました。
0: "2021/02/03"
1: "2021/02/04"
2: "2021/02/05"
3: "2021/02/15"
4: "2021/02/17"
5: "2021/02/22"

ありがとうございました。