Получить классы у которых конечное название одинаково

let test = [...document.querySelectorAll('[class$="value"]')]; 
 
test.forEach((el) => console.log(el.getAttribute('class')));

div { 
  border: 1px solid black; 
  margin: 5px; 
}

<div class="add_pdd-value">add_pdd-value</div> 
<div class="bdd_ogg-value">bdd_ogg-value</div> 
<div class="something">something</div> 
<div class="fff_ooo-value">fff_ooo-value</div> 
<div class="something-else">something-else</div>

arr = []; 
 
document.querySelectorAll("*").forEach((elem) =>  
    elem.classList.forEach((c) => { 
        if (c && c.length > 0 && c.match(/value/gi)) { 
             // здесь и сейчас в elem лежит результат 
             document.getElementById("result").appendChild(elem) 
             // ссылки на результат можно сохранять в массив, например 
             arr.push(elem); 
        }	 
    }) 
); 
 
//console.log(arr);

<div class="abc-value">hello</div> 
    <p class="underclass-value">underClass</p> 
    <p class="underclass-vallllue">underClass NOT CORRECT</p> 
<div class="stillone-value with any classes">Correct with any classes</div> 
 
<div id="result"> 
    <h5>result:</h5> 
</div>