JSFiddle - React, Tailwind, and code Playground

HTML

<p>Шапки</p>
<ul>
    <li data-size="hat">Мужские</li>
    <li data-size="hat">Женские</li>
    <li data-size="hat">Подростковые</li>
</ul>
<p>Одежда</p>
<ul>
    <li data-size="clother">Мужская</li>
    <li data-size="clother">Женская</li>
    <li data-size="children">Подростковая</li>
</ul>

JavaScript

var Goods = {
    sizes : {
        hat : [52,53,54,55,56,57,58,59,60],
        clother : [42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72],
        children : [18,20,22,24,26]
    }
}

$('li').each(function() {
    var sizeType = $(this).attr('data-size');
    $(this).append(' - ' + Goods.sizes[sizeType].join('|'))
});