jquery - html5本地存储分割JSON.stringify数据

Question

我已将一些数据存储在名为 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"

我需要做什么才能实现这一目标？

Answer 1

你可以这样做:

$('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/