文章目录

• 前言
• 一、JSON
• • 1.JSON.stringify()
  • 2、localStorage

---

前言

一、JSON

JSON官网给出

JSON由两种结构组成：（1）一个键值对的集合-A collection of name/value pairs（2）一组有序值-An ordered list of values.

1.JSON.stringify()

JSON.stringify()方法将一个JavaScript 对象或值转换为 JSON 字符串，如果指定了一个replacer 函数，则可以选择性地替换值，或者指定的replacer是数组，则可选择性地仅包含数组指定的属性。

// JSON.stringify(value[, replacer [, space]])

console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)]));
// expected output: "[3,"false",false]"

console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] }));
// expected output: "{"x":[10,null,null,null]}"

console.log(JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)));
// expected output: ""2006-01-02T15:04:05.000Z""

2、localStorage

Web Storage实际上由两部分组成：sessionStorage与localStorage。sessionStorage是会话级别的存储、localStorage用于持久化的本地存储。

localStorage有三个方法

localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value)：将value存储到key字段
localStorage.removeItem(key):删除指定key本地存储的值

// 特别说明：localStorage的使用遵循同源策略，不同的网站直接不能共用相同的localStorage

日常开发中经常需要将JSON存入localStorage中，但由于目前所有的浏览器都会把localStorage的值类型限定为string类型，因此常常需要使用JSON.stringify()来将JSON转换成为JSON字符串，读取之后要将JSON字符串转换成为JSON对象，使用JSON.parse()即可。