JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="a1">
    <div class="a2">
      <div class="a3">
        <p>Россия</p>
      </div>
      <div class="a4">
        <p>Москва </p>
      </div>
    </div>
  </div>
  <div class="a1">
    <div class="a2">
      <div class="a3">
        <p>США</p>
      </div>
      <div class="a4">
        <p>Вашингтон </p>
      </div>
    </div>
  </div>
  <div class="a1">
    <div class="a2">
      <div class="a3">
        <p>Германия</p>
      </div>
      <div class="a4">
        <p>Берлин </p>
      </div>
    </div>
  </div>
</div>

JavaScript

const blocks = Array.from(document.getElementsByClassName("a1"));
const data = blocks.map((div) => [
  div.querySelector(".a3").textContent.trim(),
  div.querySelector(".a4").textContent.trim()
]);
console.log(data);