Mesuti

async function loadData() {
  const response = await fetch("example.com");
  const data = await response.json();
  const links = await Promise.all(data.URLs.map(async (url) => {
    const urlResponse = await fetch("example.com");
    return await urlResponse.json();
  }));

  setState((prevState) => ({
    ...prevState,
    fetchObject: {
      ...data,
      URLs: links,
    },
  }));
}

{Object.keys(cities).map(cityId => (
  <div key={cityId} className="card-panel">
    {cities[cityId]}
  </div>
))}

arr.reduce((acc, n) => acc + (n ** 2) * !(n & 1), 0)

• для варианта «найдено» из числа от 0 и больше получилось тоже ненулевое число, и !! даст true
  
• для варианта «не найдено» из -1 получится уникальный 0, и !!0 вернёт false
  

Object.values(Object.fromEntries(arr.map(n => [ n.user.id, n ])))

// или, если в результирующий массив должны попадать те из "одинаковых" элементов,
// что расположены в исходном массиве первыми

Object.values(arr.reduce((acc, n) => (acc[n.user.id] ??= n, acc), {}))

// или, если также надо сохранять взаимное расположение элементов

arr.filter(function({ user: { id: n } }) {
  return !(this[n] = this.hasOwnProperty(n));
}, {})

function* unique(data, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set;

  for (const n of data) {
    const k = getKey(n);
    if (!keys.has(k)) {
      keys.add(k);
      yield n;
    }
  }
}

Array.from(unique([{id: 1}, {id: 2}, {id: 1}, {id: 1} ], 'id')) // [{id: 1}, {id: 2}]

for (const n of unique(Array(20).keys(), n => Math.sqrt(n) | 0)) {
  console.log(n); // 0 1 4 9 16
}

var arrayWords = ['a','b','c','d','f'];

arrayWords.reverse().map(n => {
  let p = document.createElement('p');
  p.innerHTML = n;
  document.querySelector('.listing').after(p);
})

const first = document.querySelector('.listing');
const tag = 'p';
const arr = [...'ABCDEF'];

first.after(...arr.map(n => {
  const el = document.createElement(tag);
  el.innerHTML = n;
  return el;
}));

// или

first.replaceWith(first, ...arr.reduce((acc, n, i) => (
  (acc[i] = document.createElement(tag)).innerHTML = n,
  acc
), []));

// или

arr.reduce((prev, n) => (
  prev.insertAdjacentElement('afterend', document.createElement(tag)),
  prev.nextSibling.innerHTML = n,
  prev.nextSibling
), first);

// или

const parent = first.parentNode;
const nodes = parent.childNodes;

arr.forEach(function(n) {
  const el = document.createElement(tag);
  el.innerHTML = n;
  parent.insertBefore(el, nodes[++this[0]]);
}, [ Array.prototype.indexOf.call(nodes, first) ]);

// или

first.insertAdjacentHTML(
  'afterend',
  arr.map(n => `<${tag}>${n}</${tag}>`).join('')
);

• При нажатии Enter: остается часть кода справа.
  
• При нажатии Tab: заменяется часть кода справа выбранным элементом.
  

var tr = Array.from( document.querySelectorAll('div') );