Елена Валентайн

const repack = arr => {
  const result = [...new Array(1 + Math.floor((arr.length - 1) / 2.5))].map(() => []);
  arr.forEach((el, i) => result[Math.floor(i / 2.5)].push(el));
  return result;
}

JSON.stringify(repack([1, 2, 3, 4, 5, 6, 7, 8, 9]))
// "[[1,2,3],[4,5],[6,7,8],[9]]"

Здесь несколько моментов, которые ещё пригодятся в других задачах:

1. Создание массива нужно длины с заполнением начальными значениями
   

   [...new Array(length)].fill(value) // тут не годится, т.к. заполняем пустыми массивами
   // и чтобы это не был один и тот же массив («передача по ссылке»)
   // заполняем другим способом, через map()
   [...new Array(length)].map(() => [])

2. получение чередующегося ряда 3, 2, 3, 2, ... через Math.floor(i / 2.5)

arr.reduce((acc, n, i) => (
  (i && (acc[acc.length - 1].length + !(acc.length & 1) !== 3)) || acc.push([]),
  acc[acc.length - 1].push(n),
  acc
), [])

Сделать вычисляемое свойство - массив, элементы которого будут содержать ссылки на данные исходных массивов:

computed: {
  fullData() {
    return this.posts.map(post => ({
      post,
      user: this.users.find(user => user.id === post.userId) ?? {},
    }));
  },
},

<div v-for="n in fullData">
  <div>{{ n.post.title }}</div>
  <div>{{ n.user.name }}</div>
  <div>{{ n.post.body }}</div>
</div>

Делегирование, назначаем обработчик клика один раз:

// при клике по кнопке определяем её индекс и хватаем .photos__like-count с таким же индексом
document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('photos__like-icon')) {
    const index = [...document.querySelectorAll('.photos__like-icon')].indexOf(t);
    const counter = document.querySelectorAll('.photos__like-count')[index];
    const count = counter.textContent;
    counter.textContent = t.classList.toggle('active') ? -~count : ~-count;
  }
});

// но если у каждой пары icon-count если отдельный общий предок, то можно и попроще сделать
document.addEventListener('click', ({ target: t }) => {
  if (t.matches('.photos__like-icon')) {
    t
      .closest('селектор общего предка кнопки и элемента с количеством')
      .querySelector('.photos__like-count')
      .textContent -= t.classList.toggle('active') ? -1 : 1;
  }
});

Назначаем обработчик клика каждой кнопке индивидуально:

const toggleLike = function({ target: t }) {
  this[t.dataset.index].innerText -= [ 1, -1 ][+t.classList.toggle('active')];
}.bind(document.querySelectorAll('.photos__like-count'));

document.querySelectorAll('.photos__like-icon').forEach((n, i) => {
  n.dataset.index = i;
  n.addEventListener('click', toggleLike);
});

// или, при наличии отдельных общих предков у каждой пары .photos__like-icon и .photos__like-count
const toggleLike = ({ target: t }) => t
  .closest('селектор общего предка кнопки и элемента с количеством')
  .querySelector('.photos__like-count')
  .innerText -= t.classList.toggle('active') ? -1 : 1;

for (const n of document.querySelectorAll('.photos__like-icon')) {
  n.addEventListener('click', toggleLike);
}

const replacements = [
  [ 'вот это надо заменить', 'вот на это' ],
  [ 'а это заменить', 'на вот это' ],
];

$elements.html((i, html) => {
  return replacements.reduce((acc, n) => acc.replace(RegExp(n[0], 'g'), n[1]), html);
});

get searchtest() {
  const search = this.state.search.toLowerCase().trim();
  return search
    ? searchtest.filter(n => Object.values(n).some(m => m.toLowerCase().includes(search)))
    : searchtest;
}

UPD. Это ещё что за ерунда? Вот здесь:

{this.searchtest.map((kef, i, a) => (
  <div style={style}>
    <div key={kef.name} data-id={kef.name}>
      name: {kef.name}
    </div>
    <div key={kef.id} data-id={kef.id}>
      id: {kef.id}
    </div>
  </div>
))}

Ключи вместо вложенных элементов должны быть у их общего предка:

{this.searchtest.map(n => (
  <div key={n.id}>
    <div>name: {n.name}</div>
    <div>id: {n.id}</div>
  </div>
))}

Всем блокам с изображениями задай высоту самого большого, и будет тебе счастье)

Инициализировать в ajax запросе

https://wowjs.uk/
урок так себе но на твой вопрос ответит в полной мере https://www.youtube.com/watch?v=7gMYtFGjg3s

https://codepen.io/wapster92/pen/XWJwwyw?editors=1111

<style>
                tspan { white-space:pre }
                .shp0 { fill: #ffffff } 
            </style>

.shp0 { fill: #ffffff } убери

Я бы понял если там сложные манипуляции с данными, но задавать вопрос ответ на который есть в документации по js это слишком https://developer.mozilla.org/ru/docs/Web/JavaScri...

function getRandom(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

JS для детей - поможет усвоить лучше то, что проходили в htmlacademy (сам заканчивал ур1), Выразительный js - хорошее описание ES6 интересные и относительно сложные упражнения. серия книг "вы не знаете js". В основном нужна практика.

В чем сложность то? по хорошему стоит в обертку текст и иконку запихать, и ее уже позиционировать, код мне править лень думаю понятно сказал.

Зачем искать какие-то совпадения внутри строк? Вырезаете нужный кусок и проверяете его наличие в массиве:

const getFreeDomainsCount = arr => arr
  .map(n => n.split('@')[1])
  .filter(n => freeEmailDomains.includes(n))
  .reduce((acc, n) => (++acc[n], acc), Object.fromEntries(freeEmailDomains.map(n => [ n, 0 ])));

Здесь только регуляркой или как?

Конечно, использовать регулярные выражения не обязательно:

function incrementNumberInString(str) {
  for (let i = 0, iNum = -1; i < str.length; i++) {
    if ('0123456789'.includes(str[i])) {
      if (iNum === -1 && str[i - 1] === '[') {
        iNum = i;           
      }
    } else if (iNum !== -1 && str[i] === ']') {
      return str.slice(0, iNum) + (Number(str.slice(iNum, i)) + 1) + str.slice(i);
    } else {
      iNum = -1;
    }
  }

  return str;
}

Но с ними будет гораздо проще:

str.replace(/(?<=\[)\d+(?=\])/, m => ++m)
// или
str.replace(/\[\d+\]/, m => '[' + (m.slice(1, -1) - -1) + ']')
// или
str.replace(/\[(\d+)\]/, (m, g1) => `[${-~g1}]`)