JSON.parse身份证号码localstoage与取出的不一

现象:

我存的时候是localStorage

localStorage.setItem("cardNumber", "330227199305176478");
console.log(JSON.parse(localStorage.getItem("cardNumber"))) // 330227199305176450

效果: 实际的和拿到的东西不太一样

原因: 这是js 浮点数处理引起的, 当超过18位, 数据就会丢失精度

JSON.parse 会把字符串转化为数字, 因此明明是字符串格式, 经过JSON.parse拿到的确变成了数字, 导致两次拿到值不一样

image.png image.png

解决的方式:

存的时候用一个 对象的key值去存, 字符串格式, 这样JSON.parse的时候就不会隐式转化为数字, 被浮点处理,

localStorage.setItem("cardNumber", JSON.stringify({id: '330227199305176478'}));
console.log(JSON.parse(localStorage.getItem("cardNumber")).id) // 330227199305176478