Как упростить выравнивание высот нескольких элементов?

Question

[DeniSidorenko]

Хотел написать простой скрипт, дабы задать максимальную высоту для всех:

var yourself = document.getElementsByClassName('yourself-item__title')
  var arrayHeight = [];
  for(var i = 0; i< yourself.length; i++){

    var heightItem = yourself[i].clientHeight
    arrayHeight.push(heightItem)
  }


  function getMaxValue(array){
    var max = array[0]; // берем первый элемент массива
    for (var i = 0; i < array.length; i++) { // переберем весь массив
        // если элемент больше, чем в переменной, то присваиваем его значение переменной
        if (max < array[i]) max = array[i]; 
    }
    // возвращаем максимальное значение
    return max;
  }

  var maxed = getMaxValue(arrayHeight)

  for(var n = 0 ; n< yourself.length; n++){


    yourself[n].style.height = maxed + 'px'

  }

Как можно урезать код?

Answer 1

[Сергей Соколов]

const els = [...document.getElementsByClassName('yourself-item__title')];
const maxHeight = els.reduce((acc, el) => Math.max(acc, el.clientHeight), 0);
els.forEach(el => el.style.height = `${maxHeight}px`);

Comments

[DeniSidorenko]

Спасибо большое

Answer 2

[abberati]

const nodes = [...document.getElementsByClassName('yourself-item__title')]

const maxHeight = nodes.reduce((max, { clientHeight }) => max > clientHeight ? max : clientHeight, 0)

nodes.forEach(node => node.style.height = maxHeight + 'px')

Comments

[DeniSidorenko]

Спасибо большое

Answer 3

[0xD34F]

const items = document.querySelectorAll('.yourself-item__title');
const height = `${Math.max(...Array.from(items, n => n.clientHeight))}px`;
items.forEach(n => n.style.height = height);

Comments

[DeniSidorenko]

Спасибо большое