使用Cookie记住数组中的所有值-javascript

Question

我希望能够使用cookie记住数组中的所有值，但不知道如何。 我也在使用js-cookies。

 Here is my code:
 var usernames = new Array();
 var input = $('#input').val();
 usernames.push(input);
 // each time something is inputted, it'll be saved to the
 // array usernames. I want it so that when refreshed, all
 // of the inputs remain in 'usernames'
 alert(usernames);

Answer 1

如前所述， localStorage是存储此数据的更好位置，但是使用Cookies遵循相同的步骤，只需要获取Cookies的set / get方法即可 。 首先，您需要查看是否有值。 如果有，则需要解析它。 更新数组后，需要将值转换为字符串并存储。

//Read local storage to see if we have anything saved
var lsUserNames = localStorage.getItem("usernames");
//Get the usernames array
var usernames = lsUserNames ? JSON.parse(lsUserNames) : [];

//Just using prompt to get the username instead of making form
var uname = window.prompt("Enter Name");
if(uname) usernames.push(uname);

//set the updated array to local storage
localStorage.setItem("usernames", JSON.stringify(usernames));
console.log(usernames.join());