Как вывести данный используя метод .map?

Junior Development,

не пойму как мы берем данные из массива attr если метод map используем для массива category

метод map имеет три параметра можно почитать тут

const toHtml = ({ category, att }) => ` <button class='category-btn' data-categoty='${att}'>${ category }</button>`
const categories = this.testdata[0].category

categories.map((
  category /* Текущий обрабатываемый элемент массива. */,
  index /* Индекс текущего обрабатываемого элемента в массиве. */
) => {
  return {
    category: category,
    att: attr[index] /* Элемент массива attr с индексом равным index */
  }
}).map(toHtml)

Возможно поможет. Если попробуешь более понятно сформулировать вопрос, будет больше шансов получить нужный ответ.