Ничё не понял из Вашего вопроса :)
Тут создаётся объект/ассоц.массив с ключами dogs : Fido, Hunter, Snoopie

var dogs = {
  Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle"
};

Тут создаётся новая переменная myDog в которую ложиться строка "Hunter" - строка в кавычках - это строка!
var myDog = "Hunter";
Тут создаться новая переменная myBreed и ей присваивается значение из dogs с ключём имя которого равно тому что лежит в переменной myDog , тоесть Hunter
var myBreed = dogs[myDog];
Если бы было написано так
var myBreed = myDog;
То тут myBreed присвоилась бы строка из myDog, но Выше Вы обращаетесь к массиву dogs и в квадратных скобка указываете ключ из которого нужно достать значение

<form name="formName" action="data" onsubmit="sendForm(event)">
  <input type="text" name="input_1">
  <input type="text" name="input_2">
  <button type="submit">отправить</button>
</form>

function sendForm(event){
  event.preventDefault; 
  event.stopPropagation();
  let form = document.forms.formName;
  let formData = new FormData(form);
  formData.append = ("action","insert");
  fetch(url,{
  method: "POST",
  body: formData
}).then(function(response){
        return response.json();
        }).then(function(json){
    console.log(json);
  })
  
}