转换成数字类型

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Web Storage 存储的都是字符串类型的数据 … 目前浏览器还不支持去存储其它类型的数据 … 不过我们可以自己手工的去编码还有解码这些数据 … 把它们转换成自己想的数据类型。

使用 localStorage 的 setItem 可以去设置要存储的数据 .. . 或者我们也可以使用 localStorage 点的形式去设置 … 比如像这样 …

localStorage.age = 30;

这个 age 就是设置的数据的名称,把它作为 localStorage 这个对象的一个属性 … 在等号后面是要设置的,跟这个属性对应的值 …

打开 Resources … Local Storage … 你会看到设置的 age 这个数据 …

回到 Console … 在设置这个 age 的时候 … 它的数据类型是 number … 也就是数字 …

下面我们可以再去查看一下 localStorage 的 age 这个数据的类型… 可以使用 JavaScript 的 typeof() …

typeof(localStorage.age);

返回来的结果是 string ... 也就是存储在 age 里面的数据的类型是字符串。

如果你想把 localStorage 的 age 作为数字类型的数据来使用的话 … 我们可以使用

数字

parseInt … 或者 parseFloat … 把它转换成数字类型 …

parseInt 可以把数据转换成 整数 … parseFloat 可以转换成 浮点小数 … 下面我们可以去试一下 …

parseInt() … 在括号里输入要转换的东西 … 获取到 localStorage 的 age 的 值 … 可以使用 getItem … 或者 .. 也可以使用点的形式 … localStorage.age …

再把转换以后的数据值交给一个变量 … var age = …

然后再用一个 typeof 去测试一下 age 这个变量的值的类型 … typeof(age) …

返回的类型是 number … 下面我们就可以使用数字相关的运算或者操作去处理这个数据值了 … 如果你想在转换的时候,保留小数 .. 可以使用 parsaFloat …

转换成数字类型《 HTML5:Web 存储 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点