Как правильно хранить массив в куки и добавлять новые данные в этот массив?

Question

[Алексей Скляров]

Столкнулся с проблемой. Нужно написать таблицу лидеров (Имя, время, счет), таблица состоит из 10 человек. Я формирую массив с именем, временем и счетом, далее записываю его в куки:

var array = [input.value,timer.lastTime(),score];
var winnersList = getCookie('winnersList');
winnersList = winnersList.concat(JSON.stringify(array));
setCookie('winnersList', winnersList);

Но это все работает не так как нужно, далеко не так. Первая проблема: не могу нормально перевести обычный массив в JSON, в консоли все это проделываю: выходит такой же результат ['Name','time','score'], после попытки добавить к этому массиву еще один массив, и прогоняя через JSON.stringify я не могу все равно работать с этим массивом, как с обычным js массивом. Распарсить его не удается.

Голова уже кипит, перелистал кучу подобных вопросов, сама проблема, как по мне довольно тривиальна, но мучаюсь уже 30 минут. Как правильно добавить массив в куки, потом к этому же массиву добавить еще один кусок и снова записать в куки, чтобы потом можно было спокойно его достать из кук и обработать?

Comments

[Алексей Ярков]

А код функций getCookie и setCookie нам самим дописать?
Покажите что там и будет ясно. Пока Ванга говорит, что в getCookie надо возвращать после обработки JSON.parse.

[SagePtr]

А в чём великий смысл хранить массив в куки?

[Алексей Скляров]

Алексей Ярков, эти две функции работают как надо, https://learn.javascript.ru/cookie взяты от сюда

[Алексей Скляров]

SagePtr, смысла нет никакого, таково задание.

Answer 1

[Anton fon Faust]

Вы, вообще, сами пробовали посмотреть. что вы делаете?
stringify делает из вашего массива - json-строку, а вы ее объединяете со строкой куков... которая, вообще, не известно чем у вас является.
Вообще, в вашем случае, лучше хранить не в куках, а в localStorage, так как куки - максимум 4Kb.
А чтобы нормально парсилось, вам нужно не в строку конкатить строку массива, а в строку собирать массив массивов.
Да и функции getCookie/setCookie неплохо было бы привести.

Если отсюда: https://learn.javascript.ru/cookie, то можно сделать так:

// есл использовать такую геткуку, будет работать так
function getCookie(name) {
  var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : '[]';
}

var array = [input.value,timer.lastTime(),score];
var winnersList = JSON.parse(getCookie('winnersList')) || []; 
winnerList = winnerList.concat([array]); // вот тут у вас массив теперь будет всегда.
setCookie('winnerList', JSON.stringify(winnerList)); // а вот тут у вас сохранились корректно куки