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/