yanieniz

<button class="showCategoryButton" data-category="blah">Show blah</button>

document.querySelectorAll('.showCategoryButton').forEach(button => {
    button.addEventListener('click', () => {
        show(this.dataset.category);
    });
});

Если последуете совету из ответа на предыдущий ваш вопрос Как можно сократить данный код?
и привёдете к единому стандарту имена классов, переменных и, видимо, блоков,
то можно так:

for const [name, button] of Object.entries(buttons) {
  button.addEventListener('click', () => show( this[name + 'Items']);
}

let objects = {
        allButton: {
            wrapper: 'menuWrapper',
            selector: 'li',
            'function': 'querySelectorAll'
        },
        loveButton : {
            wrapper: 'menuWrapper',
            selector: '.lovers',
            'function': 'querySelector'
        },
    };

    Object.entries(objects).forEach(entry => {
        const [key, value] = entry;
        const wrapper = document.querySelector(value.wrapper);
        value.object = wrapper[value.function](value.selector);
    });

const menuQuerySelector = (selectors) => selectors.map((s) => menuWrapper.querySelector(s));
  
  const buttonSelectors = ['.b1', '.b2', '.b3', '.b4', ...];
  const [button1, button2, button3, button4, ...] = menuQuerySelector(buttonSelectors);

Если бы был порядок и полное совпадение имен переменных и классов, можно часть сократить так:

const buttons = {};
'all,love,chef,girl,boy,grandma,grandpa'
  .split(',').forEach((name) => buttons[name] = menuWrapper.querySelector('.' + name));

Использовать потом, например, вместо girlButton — buttons.girl

Никак.
Тебе нужны разные сущности по разным критериям.

Сколько вариантов - столько и запросов. Что тут сокращать?