html5本地存储拆分JSON.stringify数据

时间:2013-06-22 02:34:46

标签: jquery html5 local-storage

我已将一些数据存储在名为Test的值中,如this fiddle及以下所示。

    var test = "yellow,green";
    var storedTest = localStorage.setItem("Test", JSON.stringify(test));
    $('body').append('color:' + localStorage.getItem('Test'));

目前我的html输出是

    color:"yellow,green"

但我希望能够分割我的变量,以便输出。

    color:"yellow", color:"green"

我需要做些什么来实现这个目标?

1 个答案:

答案 0 :(得分:2)

你可以这样做:

$('body').append('color:' +
                 localStorage.getItem('Test').replace(/,/g,'", color: "') + '"')

也就是说,将每个逗号替换为文本", color: "(其中双引号是替换字符串的一部分),以及将'color:'放在开头,双引号放在端。

如果您想将各个颜色放入数组中以便以其他方式处理它们,您可以这样做:

var colorArray = JSON.parse(localStorage.getItem('Test')).split(',');
// gives ["yellow", "green"] 

演示(两者):http://jsfiddle.net/TUFfS/

相关问题