JSON与本地存储

本地存储

同源情况下：

浏览器关闭即销毁

储存的书写格式：sessionStorage.getItem(键名,键值);

在起始页面存储：

//基础数据
let aliangArr = [
    { name: "aliang", age: 20, like: "游戏，睡觉，干饭" },
    { name: "erxiong", age: 22, like: "游戏，睡觉，干饭" },
];
// 数组转JSON格式
let arr= JSON.stringify(aliangArr);
//设置属性
let inputEle = prompt("输入你的账号");
if (inputEle == "Aliang") {
    sessionStorage.setItem("username", "Aliang");
    //储存JSON格式的数组数据
    sessionStorage.setItem('arr',arr);
    localStorage.setItem("parword","112233");
    //   页面跳转
    location.href = "../index02.html";
}else{
    alert("登录失败");
}

在需要引用数据的另一个页面获取：

书写格式：sessionStorage.getItem(键名);

// 获取其他页面的数据
let username = sessionStorage.getItem("username");
//接受同源储存的json格式字符型的数组
let arr = sessionStorage.getItem('arr');
// 字符型的json格式转回数组
let aliangArr = JSON.parse(arr)
let parword = sessionStorage.getItem('parword');
console.log(username);//Aliang
console.log(aliangArr[0].like);//游戏，睡觉，干饭
console.log(parword);//112233

不同源情况下：

浏览器关闭也不会销毁，下次打开浏览器储存的数据依旧还在

储存的书写格式：localStorage.setItem(键名,键值);

  //当前页面储存
  localStorage.setItem("parword","112233");
  //需要引用的页面获取
  let parword = sessionStorage.getItem('parword');
  console.log(parword);//112233

同源与不同原单获取的方式一致

JSON格式

JSON转字符串：JSON.stringify()

let arr = [
    {'name':'aliang','age':23,'gender':'1'},
    {'name':'erxiong','age':25,'gender':'0'},
]

let str = JSON.stringify(arr);
console.log(str,typeof str);
//输出 [{"name":"aliang","age":23,"gender":"1"},{"name":"erxiong","age":25,"gender":"0"}] string

字符串转JSON：JSON.parse()

let arr2 = JSON.parse(str);
console.log(arr2,typeof arr2);
//输出 [{ name: 'aliang', age: 23, gender: '1' },{ name: 'erxiong', age: 25, gender: '0' }] object