Удаление узла с карты javascript

У меня есть карта, определенная следующим образом, и затем я добавляю все узлы на карту.

var map = {}
nodes.forEach(function(d, i) {
  map[d.id] = i;
})

Во фрагменте кода нажатие кнопки del удаляет узел GW путем вызова функции del. Я могу удалить запись из узлов, но не знаю, как удалить ее с карты.

это связано с моим Сообщение D3.js SO

В противном случае я не использую var map1 = new Map();, думаю, сработало бы следующее.

map.delete(d);

<button id = "del" onclick = "del('GW')">del </button>
<script>

var nodes = [{
    id: "FH",
    x: 100,
    y: 110
  },
  {
    id: "TP",
    x: 200,
    y: 110
  },
  {
    id: "GW",
    x: 200,
    y: 110
  },
  {
    id: "DB",
    x: 100,
    y: 110
  }
]



var map = {}
nodes.forEach(function(d, i) {
  map[d.id] = i;
})


function del(n) {
  var i = map[n];
  mousedownNode2(nodes[i], i);

}


function mousedownNode2(d, i) {
  nodes.splice(i, 1);
  console.info(map);
    console.info(nodes);

}

</script>
delete map[d.id]?
Kosh 24.07.2018 01:14

Спасибо, @KoshVery, delete map[n]; подействовал. Есть ли какое-то конкретное название для map = {}? я думаю, что карта на самом деле var map1 = new Map();

nyi 24.07.2018 01:20
map = {} - это сокращение от map = new Object();, а не от new Map().
Kosh 24.07.2018 01:32

@nyi Как упоминалось выше, вы используете объект, а не карту. Вы можете использовать настоящую карту, которую быстрее перебирать. Также вы можете использовать карту D3: var map = d3.map().

Gerardo Furtado 24.07.2018 05:19
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
54
0

Другие вопросы по теме