localStorage 本地存储方法:新增、删除、修改

一、localStorage存储数组以及取数组方法

var nameArr= ['张三','李四','王五','赵六']
存:localStorage.setItem('nameAll',JSON.stringify(nameArr));
取: weekArray = JSON.parse(localStorage.getItem('nameAll'));

二、新增、删除、修改

1、新增(设置)方法——重新赋值方法和设置一样

// 自身方法
localStorage.setItem("name","Tony");
// []方法
localStorage["name"]="Tony";
// .方法
localStorage.name="Tony";


2、取值方法

// 自身方法
localStorage.getItem("name");
// []方法
localStorage["name"];
// .方法
localStorage.name;



3、删除某一个值,可以通过对象删除属性的关键字delete;也可以用自身的方法removeItem
// 自身方法
localStorage.removeItem("name");
// []方法
delete localStorage["name"];
// .方法
delete localStorage.name




拓展:
localStorage.valueOf(); //取出所有的值
localStorage.clear() //清除所有值
localStorage.hasOwnProperty("name")// 判断是否具有某个key,如果存在的话返回true,不存在返回false

注意事项:
1、先判断浏览器是否支持localStorage,通过if(!window.localStorage) return;

2、单词太长,不方便书写,可以利用 let storage = window.localStorage;还可以再控制台直接输入window.localStorage按回车键在控制台查看所有的storage本地存储名称,找到并使用自己需要的名称

3、字符串和原始类型需要通过JSON.stringfy转字符串,通过JSON.parse转成对象

你可能感兴趣的:(javascript)