Как передать в функцию значение переменной?

Question

[V0VA]

Есть компонент который использует API яндекс карт.
В этом компоненте есть JS скрипт, в котором циклом по собранным элементам из querySelectorAll собирается массив объектов вида:

Должен быть так

const POINTS = [
  {
    coordinates: [43.981500, 56.324600],
    color: "#27203e",
    title: "sale1",
    draggable: false,
    onClick: () => showSingle("sale1"),
  },

  {
    coordinates: [43.988700, 56.313700],
    color: "#27203e",
    title: "sale2",
    draggable: false,
    onClick: () => showSingle("sale2"),
  },

Собирается таким образом

city_list_item_arr.forEach((el) => {
  
  let obj = {};
  let point = el.getAttribute("data-point");
  let title = el.innerHTML;
  title = title.trim();

  obj["coordinates"] = JSON.parse(el.getAttribute("data-coordinates"));
  obj["color"] = #27203e";
  obj["title"] = title;
  obj["draggable"] = false;

// на этой строке не могу сообразить что не так
//должно быть, в итоге в массиве, например, так:      onClick: () => showSingle("sale2"), 
// а получается так onClick: () => showSingle(point), 
// то есть значение переменной не подставляется, а вставляется имя переменной

  obj["onClick"] = () => showSingle(document.write(point));

////
  POINTS.push(obj);
  
});

В console.log в итоге значение ключа onClick выглядит так
onClick: () => showSingle(document.write(point))
а надо так
onClick: () => showSingle("sale2")

Comments

[V0VA]

Ошибка оказалась здесь

obj["coordinates"] = JSON.parse(el.getAttribute("data-coordinates"));

в объект попадала как надо, как массив, но не обрабатывалась. Решил установкой data атрибута и для широты и для долготы, с последующей обработкой в массив координат

Answer 1

[IvanU7n]

1) document.write ЕМНИП затирает документ, если её вызвать после завершения загрузки документа
2) так и должно быть, т.к. console.log образно говоря средство отладки (т.е. показывает КОД), при выполнении всё будет правильно

Comments

[V0VA]

IvanU7n, спасибо.
заметил неточность в вопросе поправил.
должно получиться так

onClick: () => showSingle("sale2")
а получается так
onClick: () => showSingle(document.write(point))

document.write добавил, потому, что без него тоже не работает, то есть
получается так
onClick: () => showSingle(point)
а надо так
onClick: () => showSingle("sale2")

С остальными ключами все норм, подставляются значения, например тут
title: "sale2"
собирается так
obj["title"] = title

и с другими ключами тоже, правильные значения на выходе, как и задумывалось
coordinates: [43.981500, 56.324600],

сюда тоже значения подставляются,
Пробовал даже так
obj["onClick"] = () => showSingle(el.getAttribute("data-point"));

но на выходе все равно так
onClick: () => showSingle(el.getAttribute("data-point"));

[IvanU7n]

V0VA, ещё раз, так и должно быть, т.к. в выводе console.log будет показывается код функций, а не то что будет в результате, а работать при вызове оно будет за счёт замыканий, т.е., например, point запомнится и подставится при вызове функции

[V0VA]

Спасибо