Записать данные из переменных в локальный JSON
 

Есть локальный JSON вида:
JSON получен по AJAX. Мне необходимо в этот JSON записать данные из нескольких переменных:

var head = document.getElementById('setHead').value;
    var date = document.getElementById('setDate').value;
    var autor = document.getElementById('setAutor').value;
    var text = document.getElementById('setText').value;

Как мне записать данные из переменных в конец локального JSON?

CryNet,
head это title?

Название статьи

CryNet,

var data = {
  "1": {
    "title":"My Lesons",
    "autor":"CryNet",
    "date":"10.01.19",
    "text":"Текст"
  },

  "2": {
    "title":"My articles",
    "autor":"CryNet",
    "date":"09.01.19",
    "text":"Текст текст"
  }

}
var index = Object.keys.length;
data[index] = { "title": head,
    "autor": autor,
    "date": date,
    "text": text}

Спасибо больше за ответ, но что-то не работает...

Я создал проект на codepen, чтобы было понятно: ссылка

var index = Object.keys.length;
    data[index] = { "title": head,
        "autor": autor,
        "date": date,
        "text": text
    }

В переменной index хранится 1, хотя записей две. При срабатывании кода данные не записываются :)

CryNet,
var index = Object.keys.length + 1;

Та проблема не в этом. Даже если вручную прописать незанятый ключ. Но ваш способ я тоже пробовал

CryNet,
пропустил скобки
var index = Object.keys(data).length + 1;

CryNet,

<script>
var data = {
  "1": {
    "title":"My Lesons",
    "autor":"CryNet",
    "date":"10.01.19",
    "text":"Текст"
  },

  "2": {
    "title":"My articles",
    "autor":"CryNet",
    "date":"09.01.19",
    "text":"Текст текст"
  }

}
var head = autor = date = text = "test";
var index = Object.keys(data).length + 1;
data[index] = { "title": head,
    "autor": autor,
    "date": date,
    "text": text}


document.write(JSON.stringify(data, null, 4))
</script>

Спасибо :)