Как подсчитать сумму ячеек в столбцах таблицы js, react?

Question

[Марат Иванов]

есть компонент, который получает данные с сервера в стейте держу строки

state = {
    row: [['', '', '', '', '', '', '', '']],}

затем пробегаюсь map и загружаю в таблицу. необходимо вывести сумму ячеек в каждом столбце.

row.map((element, i) => (
                    <tr key={i} className="tableRow">
                      {element.map((item, j) => (
                        <td key={j}>
                          {
                            <input
                              className="input-edit"
                              value={item}
                              placeholder="-"
                              onChange={(e) => {
                                this.handleChangeInput(i, j, e);
                              }}
                            />
                          }
                        </td>
                      ))

Подскажите плиз как реализовать это.

Comments

[Дмитрий Беляев]

Что Вы подразумеваете под суммой ячеек, если там строки?

[Марат Иванов]

Дмитрий Беляев, там массив массивов. каждый массив - строка. строки с ячейками. появляются столбцы)

[Дмитрий Беляев]

Марат Иванов, а в самих ячейках что? судя из примера пустые строки, не понятно что суммировать

[Марат Иванов]

там инпуты после map. в их значениях - цифры.

Answer 1

[WapSter]

const obj = {
  rows: [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ]
}

const getSumColumn = (arr, column) => {
  let sum = 0
  arr.forEach(el => sum += el[column])
  return sum
}

console.log(getSumColumn(obj.rows, 1)) // 15

Хз зачем там строки, и хз как у тебя там хранятся данные. Но вообще фигово не знать js и использовать реакт

Comments

[Марат Иванов]

я не претендую на звание заслуженного мастера JS, все с чего то начинали, и "не сильное" владение js никого не останавливало. Пустые строки - просто заполнил массив чтоб потом пробежаться по нему map и вывести инпуты в ячейках. Уверен что есть еще несколько красивых методов. Спасибо за ответ.