- 简单值形式
- 对象形式
- 数组形式
三种数据形式都不允许出现注释,undefined,属性名和属性值都要使用双引号,都不允许使用单引号,你只能使用双引号,不允许出现undefined但是可以出现双引号包着的undefined---字符串
JSON的基本使用
- JSON.parse()可以将json格式转换为js格式
- JSON.stringify()可以将js格式的数据转为json格式并且发送到服务器端
- 两个方法的转换的东西都必须是正确的,不然会报错,比如字符串不加双引号就会报错,因为json的字符串必须加上双引号,json中不允许有空格和单引号的存在。
使用JSON的两个转换方法进行封装
localstorage有四种操作方法,分别是set()设置,get()获取,removeitem()删除某一项,clear()全部清空
// 使用JSON.parse()和JSON.stringify()封装
// 首先定义一个常量ls赋值为window.localstorage,为了方便书写,window可以不写也可以写。
export const ls = window.localStorage;
// 使用export导出一个常量set,set有两个参数一个是key,一个是value
export const set = (key, value) => {
// 使用JSON.stringify将js格式转为json格式
// 在函数体中我们就可以使用之前定义的常量ls,不需要写辣么长的子母了
// 调用setItem方法进行设置localstorage
// 因为我们要在js中进行使用,所以我们使用JSON.stringify将其转换为json对象
ls.setItem(key, JSON.stringify(value))
};
export const get = key => {
// 使用JSON.parse转为js格式
// 我们使用getItem方法将获取到的value值解析成js格式
return JSON.parse(ls.getItem(key));
};
export const remove = key => {
// 调用localstorage的removeItem方法通过key删除其value值
ls.removeItem(key)
};
export const clear = () => {
// 直接使用localstorage的clear方法清空元素
ls.clear();
};
//因为我们需要导出多项所以使用export来进行导出
|